리액트에서의 display : none 그리고 modal 컴포넌트 값 초기화

멘토링을 통해 큰 깨달음을 얻었다.

지금까지 모달은 display 값을 바꿔줌으로써 그 모달을 보여주고 감추고 하는 작업으로 진행했고 그로 인해서 초기값을 할당하기 위해 상태값을 변경하는 코딩을 해왔었다.

기존에 작업하던 코드

근데 이렇게 작업하다 보니 모달이 닫힐 때 모달 안에 있는 값들을 초기화 해줘야했다.(지금 생각해보면 멍청하다.)

이걸 한번에 해결하는 것은 모달에 해당하는 컴포넌트 자체를 호출할 때만 띄워주면 되는 것...그럼 당연히 호출되면서 초기화가 될테니까..ㅠㅠ

 

그래도 지금이라도 깨달아서 다행이다. 앞으로 display를 통해서 컴포넌트를 렌더링하는 일은 없을 듯. 의도를 갖고 작업하는 게 아니라면.