클릭하면 동작하는 UI (모달창) 만드는 법에서 질문드립니다.

[이한샘]

강의를 듣다가 제목 클릭하면 모달창이 나타나도록 하는데 삼항연산자를 활용해보라고 하셔서 해봤는데요

제 생각에는 이게 왜 작동이 안되는지 잘 모르겠어서 질문드립니다.

 

  let [modal, modal변경] = useState(false);

  function 모달보이기(){
    var newArray3 = [...modal];
    newArray3[0] = true;
    modal변경( newArray3 );
  }

그리고 하단부에 

      <div className="list">
        <h3 onClick={ 모달보이기 }> { 글제목[2] } </h3>
        <p>2월 19일 발행</p>
        <hr/>
      </div>

      {
        modal === true
        ? <Modal />
        : null
      }

이렇게 짜면 작동이 되야된다고 생각했는데 안되서요 .. ㅜㅜ

어떤 부분이 문제였는지 알려주시면 감사하겠습니다

 

 

 

 

[codingapple]

[...modal] 이건 array자료 복사할 때 쓰는 문법입니다

저건 true false 자료형이라 버튼누르면 modal변경( true ) 만 해도 될듯요 

[글쓴이]

글