Question

我有一个非常简单的问题，但我无法解决。我正在制作一个新组件，并且想通过道具传递内容。我有以下代码：

<FlatList
data={[{key: 'a'}, {key: 'b'}]}
renderItem={
({item}) => <SwiperRow item={item} 
renderMain={({item})=><View style={{height: 60}}>
<Text style={{color: 'white'}}>Item Main
</Text></View>)}
/>

SwiperRow里面有代码

<View style={[styles.main]}>
{this.props.rederMain}
</View>

但是没有渲染任何东西。我在做错什么吗？

Answer 1

您需要致电renderMain：

<View style={[styles.main]}>
  {this.props.renderMain()}
</View>

以便它计算并返回标记

从道具反应本地渲染

1 个答案: