react-native - 将参数化组件传递给 FlatList 的问题

Question

我正在尝试为 FlatList 创建一个自定义分隔符组件，以便它根据道具更改颜色。这是传递给它的。

这是我的分隔符组件：

ItemSeparator = (seperatorColor) => (
    <View style={{height: 0.5, width: '100%', backgroundColor: seperatorColor?seperatorColor:'black'}}/>
);

这是用法：

        <FlatList
          data = {array}
          keyExtractor = { (item) => { return item}}
          ItemSeparatorComponent={ItemSeparator('black')}
          ListHeaderComponent={ItemSeparator}
          ListFooterComponent={ItemSeparator} />

这给出了这个错误：

但是，如果我不通过参数它工作正常：

        <FlatList
          data = {array}
          keyExtractor = { (item) => { return item}}
          ItemSeparatorComponent={ItemSeparator}
          ListHeaderComponent={ItemSeparator}
          ListFooterComponent={ItemSeparator} />

传递此属性的正确方法是什么？为什么上面不起作用？

标签： react-nativepropertiesreact-native-flatlistparameterizedprop