자식 컴포넌트에서 부모 컴포넌트로 데이터를 보낼 때 질문입니다.
574
작성한 질문수 61
공식 홈페이지에서는 리액트는 단방향으로 데이터를 흘러가게 하는게 좋다고 본 기억이 있습니다.
만약, 그런 상황을 막는게 좋겠지만 자식 컴포넌트에서 부모컴포넌트로 데이터를 보내야 하는 상황이 온다면 useReducer와 contextAPI로 보내야 하는건가요?
아니면 다른 방법이 있나요?
답변 1
0
자식 컴포넌트에서 부모로 데이터를 보낼 수 없어서 부모에 미리 자식에서 쓸 데이터를 만들어두고 setState도 같이 보내서 자식에서 컨트롤 할 수 있도록 해야합니다. 또는 redux같은 상태 관리 라이브러리나 contextAPI로 부모 자식 간에 공통 state를 공유하게 만들어야 합니다.
0
또한 useCallback과 useMemo는 자주쓰면 이 또한 성능저하를 유발한다고 하는데 그렇다면 props로 넘기는 경우를 제외하고는 구체적으로 어떤 상황에서 이 두 메서드를 사용하는게 좋을까요?
0
useCallback은 전부다 적용하시면 되고요. useMemo는 무거운 연산에만 적용하시면 됩니다. 사실 둘 다 자주써도 성능 저하를 일으키는 경우는 거의 못봤습니다. 애초에 설계가 잘못되었을 가능성이 높습니다.
npm run dev 실행 시 포트가 안뜨는 문제
0
235
2
timeouts.current를 useEffect 의 input값으로 넣었을때
0
95
2
렌더링 테스트 코드 (Hooks)
0
93
1
Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.
0
164
1
해당 에러 뜨는 분들 보세요. "Uncaught TypeError: ReactDom.createRoot is not a function"
1
205
1
강사님 레포지토리에서 코드 복사 시 master 브랜치 말고 react18 브랜치꺼 복붙하세요ㅠㅠ
0
105
1
useMemo와 useCallback 사용 시기
0
218
2
onRightClickTd가 작동을 하지 않습니다.
0
233
1
action.type 불러오는 방식
0
225
2
onClickRedo 질문
0
176
1
const Try = require(./Try) 빨간줄
0
258
1
npx webpack 실행시
0
323
1
지뢰찾기 강좌에서 빈칸들 한번에 열기 파트에서 여쭤보고싶은부분이 있어서 글 올립니다.
0
241
1
강좌에서 다루지 않은 기능들은 어떻게 학습하면 좋을까요?
0
318
1
react devtool이 enable 않됩니다.
0
544
2
React 랜더링이 되지 않습니다.
0
421
2
비동기로 동작하는 setState에 대해서
0
337
1
npm run dev 할 때 에러발생
0
494
2
memo, PureComponenet, shouldComponentUpdate 관련 질문
0
210
1
devMiddleware의 필요성
0
357
1
리액트에서 화살표 함수를 사용해야하는 이유
0
946
2
path.join관련질문
0
287
2
2-9. 웹팩 데브 서버와 핫 리로딩 설치과정 시 에러
0
384
1
next.js 에서 이와 비슷한 예제를 돌리고있는데 react랑 달라서 질문 드립니
1
502
4