개발자 유튜브를 운영중입니다. 구독 부탁드립니다.
코딩하다가 check 에 관한 컴포넌트 여러개의 check 여부를 1개의 state로 관리할 수 있을 것 같았다.
방법은 간단했다. 아래와 같이 useState 안에 배열, 그 안에 객체를 넣으면 된다. 순서는 컴포넌트 순서겠지?
미리 세팅해두면 된다ㅎㅅㅎ 이렇게 하면, 어떤 check 컴포넌트가 선택되었을 때, Re-Rendering 이 될 필요가 있으면, Re-Rendering 할 수 있게 된다.
const [checkDataSet, setCheckDataSet] = useState([{check : false }, {check : false }]);
'React & TypeScript > React' 카테고리의 다른 글
Build 이후 흰 화면만 나오는 이유 (로컬 index.html 안열리는 이유, react-router, 파일 프로토콜, http 프로토콜) (0) | 2021.09.16 |
---|---|
[React] cypress를 활용한 React 테스트 (feat. 시나리오 테스트, E2E Test) (0) | 2021.08.25 |
리액트 SEO - 검색엔진(네이버, 구글)에서 검색되도록 고치는 방법 / robots.txt (0) | 2021.07.20 |
[React] useState 활용해서 사전에 객체의 Template 설정해야 하는 이유 (0) | 2021.04.28 |
[React] useCallback / useMemo (0) | 2021.04.13 |
[React] 자식 컴포넌트에서 부모로 데이터 보내기 (child -> parent) by React Hook (0) | 2021.03.30 |
[React] super(props); (0) | 2021.02.16 |
댓글