선생님 응용 3문제까지 완료하고
약간의 버그를 해결해보려니까 잘 안되네요.
블로그 글 누르면 모달창 뜨고
다른 글 누르면 모달창이 닫히는 게 아니라
그 글에 해당하는 모달창이 바로 뜨게 하고 싶어서요.
button에 조건문을 다음과 같이 걸어봤는데
const [titleIndex, setTitleIndex] = useState(0);
const [modal, setModal] = useState(false);
{/* 블로그글 */}
{title.map((item, index) => {
return
<div key={(item, index)} className="list">
<h4
onClick={() => {
setTitleIndex(index);
index !== titleIndex ? setModal(modal) : setModal(!modal);
console.log(i);
console.log(titleIndex);
}}
>
생략
아예 안되진 않고 처음 모달창 띄울 때 두 번 클릭해야 그 다음부터 되네요.
콘솔로 찍어보니까 setTitleIndex(index); 요부분에서 titleIndex가 index로 바로 바뀌지 않기 때문인 것 같습니다.
강의에서 말씀하신 비동기처리 때문인 것 같은데
어떻게 해결하면 좋을까요? 아니면 다른 방법이 있을까요?
