우당탕탕 React 도전기

리액트로 프론트 작업을 진행하는 도중 api에서 받아오는 값들 중 일부가 화면에 제대로 렌더링 되지 않는 이슈가 발생했다.문제 코드 )문제의 원인은 react hook과 useState, useEffect를 이해하지 못하고 무지성으로 코드를 작성한데에 있었다. 첫번째,

리액트에서 리스트 화면을 출력할때 상위 행을 클릭하면 그에 해당하는 하위 행들을 노출하고 다시 한번 더 클릭하면 비노출 시키는 기능을 구현하고 싶었는데 난관에 부딪혔다. (부모 카테고리에 해당하는 자식 카테고리들을 노출)문제 코드 )클릭된 부모 행들의 상태를 관리하기

리액트에서 부모 컴포넌트를 저장할때 자식 컴포넌트도 별도로 저장해야하는 상황에 부딪혔다. api를 별도로 보내야하고 컴포넌트 파일도 분리되어 있지만 저장 버튼을 누르면 한번에 저장 및 업데이트를 시키고 싶었다. 문제 코드 )해결된 코드)