[React 개발일지] 버튼에 맞게 서로 다른 컴포넌트를 로딩해보자!

현 상황: 버튼에 따라 서로 다른 컴포넌트를 랜더링 하고 싶다

Hitstory 컴포넌트와 Record 컴포넌트 중 버튼으로 컨트롤하여 다른 컴포넌트와 내용을 보여주고 싶을 때,

 

1. state + onClick

 

디폰트 state를 설정해두고,

디폴트는 Record 고, 버튼을 누르면 state 값이 false로 바뀌게 되면서 History를 로딩 할 것으로 설계했다

 

2. boolean 

false, true 값을 바탕으로 서로 다른 컴포넌트를 랜더링한다