(React) 조건에 따라 Component 표시 / 숨기기

조건에 따라 해당 Element나 Component를 표시하고 숨길 때, hook {useState}을 사용하는 방법 (코드보단 원리를 보는게 응용하기 좋을 것 같아 로직위주로 정리) 1. hook에서 useState로 state변수를 생성: 해당 state가 true가 되거나 값이 채워지면 요소가 보이게 하기, 여기서는 boolean을 사용하였다 2. 조건이 만족되면, setState를 이용해 state를 변경 3. component를 return할 때, 해당 state변수가 참이라면, 보여질 수 있도록 […]

Read more
React Hooks: useState 예시

설명은 공식문서가 잘되어있고 그보다 직접 보는게 빨라서 코드만 정리해놓기 Vanilla JS였다면 document.querySelector();로 가져오고, 값 변환 후에, innerHTML을 해야했지만 useState를 이용하면 값 가져오는 것과 변환까지 한번에 되는 장점이 있다 계속 보면서 익숙해지자

Read more