버튼을 클릭했을 때
이렇게 나타내고 싶었다.
1. 먼저 저 클릭했을 때 뜨는 창을 컴포넌트로 만듦.
2. 저 컴포넌트를 버튼(정보 추가하고~) 밑에다가 조건부 렌더링을 사용.
형광 밑줄은 isInfo가 true면 <AddInfomation/>
실행하게 조건부 렌더링을 걸었다.
여기서 초기state에 isInfo를 false로 해 처음 화면엔 안보이게 하였다.
버튼에 클릭하면 changeList 함수가 실행되게 하고,
changeList 함수는 isInfo값을 true, false로 계속 바꿔주는 것이다.
그럼 다시 이 조건부 렌더링을 보면 isInfo가 true이기 때문에
뒤에 컴포넌트가 실행되어 컴포넌트가 나타나게 한다.
Hi!