display: none

useState를 이용해 display: none 효과 동적으로 주기

const [ style, setStyle ] = useState({display: 'none'})

https://velog.io/@loocia1910/React-displaynone-%ED%9A%A8%EA%B3%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

react에서 CSS display none을 쓰면 어떤 일이?
useReducer을 이용한 예제 코드
https://lovemewithoutall.github.io/it/at-css-display-change-what-happen-in-react/