일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- hook
- Next13
- codingtest
- React18
- next13 head
- Programmers
- Nextjs
- getUTCDate
- Nextjs React 18
- RTK Query
- Render Props
- React 고급안내서
- React API 참고서
- Babel
- React 공식문서
- react hook
- react
- background: url
- background tab
- React 18
- context
- background setttimeout
- notFound()
- react-helmet
- 고급안내서
- Javascript
- React 고급 안내서
- React 18 Nextjs
- background setInterval
- CSS
Archives
- Today
- Total
목록Render Props (1)
akjfal
Render Props
Render Props React 컴포넌트 간에 코드를 공유하기 위해 함수 props를 이용하는 방법 (hello)}/> 이러한 방법을 사용하는 라이브러리로 React Router 등이 있습니다. 횡단 관심사(Cross-Cutting concerns)를 위한 Render props 사용법 컴포넌트는 React에서 코드의 재사용성을 위한 단위입니다. 하지만 캡슐화된 상태거나 다른 상태를 가진 다른 컴포넌트에 상태를 공유하는 방법은 항상 고민됩니다. 이를 해결하기 위해 컴포넌트에 Render prop을 넘겨 무엇을 렌더링할지 알려주는 함수를 넘겨줍니다. 이 방법은 대부분의 HOC에 Render props pattern을 적용할 수 있습니다. Render 이외의 props 사용법 이름을 굳이 render를 사..
(구)React 공식문서/고급 안내서
2023. 2. 22. 19:31