11. 속성으로서의 컴포넌트 - MrKwon/Vue-Native GitHub Wiki

render prop API는 JSX 이용의 필요성을 제거한다. 함수 또는 구성 요소 필요 여부에 따라 여기에서 사용되는 두 가지 주요한 특성이 있습니다.

render-prop-fn

컴포넌트가 callback을 사용할 것이라고 예상된다면, render-prop-fn이 사용됩니다.
renderItemcallback을 제공하고 컴포넌트가 반환될 것으로 예상되는 이 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 은 위에 보이는 것처럼 직접적으로 컴포넌트에 제공되어 렌더링될 수 있다.

⚠️ **GitHub.com Fallback** ⚠️