글 수정 버튼을 누르면 '남자코트추천'에서 '여자코트추천'으로 바뀌게 해보라고 하셨는데요.
간편한 코드는 저번에 알려주었으니 스스로 해보라고 하시고 답을 알려주진 않아서
제가 스스로 해봤는데 안되더라고요... 에러는 안 뜨는데 여자코트 추천으로 바뀌지가 않아요.
function App() {
let post = '강남 우동 맛집';
let[글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬 독학'])
let [따봉, 따봉변경] = useState([0,0,0]);
let [modal, setModal] = useState(false);
return (
<div className="App">
<div className="black-nav">
<div>개발 blog</div>
</div>
<button onClick={()=>{
let copy=[...글제목]
copy.sort();
글제목변경(copy)
}}>정렬버튼</button>
{
글제목.map(function(a,i){
return(
<div className="list" key={i}>
<h4 onClick={()=>{setModal(true)}}>
{ 글제목[i] }
<span onClick={()=>{
let copy = [...따봉];
copy[i] = copy[i] + 1;
따봉변경(copy) }}>👍</span>{따봉[i]}
</h4>
<p>2월 17일 글 발행</p>
</div>
)
})
}
{
modal == true ? <Modal 글제목변경={글제목변경} color={'yellow'}글제목={글제목} /> : null
}
</div>
);
}
function Modal(props){
return(
<>
<div className="modal" style={{ background :props.color }}>
<h4>{props.글제목[0]}</h4>
<p>날짜</p>
<p>상세내용</p>
<button onClick={()=>{{
let copy1 = [...props.글제목변경];
copy1[0] = '여자코트추천';
props.글제목변경(copy1) }}}
>글 수정</button>
</div>
<div></div>
</>
)
}
