将额外的道具数据传递给 react-native-draggable-flatlist 中的 renderItem

Question

我在我的应用程序中使用了 react-native-draggable-flatlist，我想将 prop 值传递给 renderItem 以便我可以进行一些条件样式更改，但不确定如何传递它，它显示未定义

我想将道具（即 this.props.labelChange）传递给 renderItem

代码

        <DraggableFlatList
          scrollPercent={5}
          data={this.state.data}
          renderItem={this.renderItem}
          keyExtractor={(item: any) => `test-${key}`}
          onMoveEnd={({ data }: any) => {
            this.setState({ data })
          }}
        />

  private renderItem({ item, isActive, index, move, moveEnd }: { item: any, isActive: any, index: any, move: any, moveEnd: any }) {
    return (<testChildComponent data={item} isActive={isActive} index={index} move={move} moveEnd={moveEnd} />)
  }

Answer 1

我可以通过将 renderItem 函数转换为箭头函数来传递道具，它具有更广泛的识别范围 'this'

将额外的道具数据传递给 react-native-draggable-flatlist 中的 renderItem

pass extra props data to renderItem in react-native-draggable-flatlist

javascript

reactjs

react-native

react-redux

react-native-draggable-flatlist