11. 속성으로서의 컴포넌트 - MrKwon/Vue-Native GitHub Wiki
render prop
API는 JSX 이용의 필요성을 제거한다. 함수 또는 구성 요소 필요 여부에 따라 여기에서 사용되는 두 가지 주요한 특성이 있습니다.
컴포넌트가 callback
을 사용할 것이라고 예상된다면, render-prop-fn
이 사용됩니다.
renderItem
이 callback
을 제공하고 컴포넌트가 반환될 것으로 예상되는 이 flat-list
예제를 확인하세요.
<flat-list
:style="{backgroundColor: 'red', height: 200, width: 200, overflow: 'hidden'}"
:data="[{key: 'a'}, {key: 'b'}]" >
<view render-prop-fn="renderItem" >
<text>{{args.item.key}}</text>
</view>
</flat-list>
render-prop-fn
은 위에 보이는 것처럼 직접적으로 컴포넌트에 제공되어 렌더링될 수 있다.