일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- React API 참고서
- background tab
- React 고급안내서
- background setInterval
- Programmers
- notFound()
- Nextjs React 18
- background setttimeout
- React18
- background: url
- Babel
- React 18
- React 18 Nextjs
- react-helmet
- hook
- codingtest
- react hook
- RTK Query
- React 고급 안내서
- Nextjs
- react
- next13 head
- 고급안내서
- Render Props
- CSS
- Next13
- getUTCDate
- Javascript
- context
- React 공식문서
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