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

萨凯特(Saikat Saha)

我在我的应用程序中使用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} />)
  }
萨凯特(Saikat Saha)

我可以通过将renderItem函数覆盖到arrow函数来传递道具,它具有更大的范围来识别“ this”

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将数据传递到React Native中的组件?

来自分类Dev

从React Native中的FlatList中删除项目

来自分类Dev

将数组对象渲染到FlatList React Native中

来自分类Dev

FlatList在React Native中未显示任何内容

来自分类Dev

React Native中的Flatlist图像源

来自分类Dev

如何将数据从类传递给React Native数组,firebase,堆栈导航器v5中的函数

来自分类Dev

如何在React Native中的Flatlist中获取行索引

来自分类Dev

React Native:FlatList中的RenderItem。如何映射存储在本地状态的数组?

来自分类Dev

将原始值传递给React Native中的onChangeText

来自分类Dev

onPress在React Native Flatlist中不起作用

来自分类Dev

React Native Flatlist中的网格视图

来自分类Dev

无法删除React Native FlatList中的项目

来自分类Dev

React Native:如何在FlatList中播放视频

来自分类Dev

如何将输入数据传递给React.js中的函数

来自分类Dev

Flatlist水平在React Native中没有粘性标题吗?

来自分类Dev

如何使用Axios React Native在FlatList中渲染共振?

来自分类Dev

在React Native中没有使用Flatlist呈现数据

来自分类Dev

即使收到正确的数据,React Native FlatList renderItem也不返回任何内容

来自分类Dev

如何将react-native-draggable-flatlist实现为功能组件而不是类?

来自分类Dev

在React中,如何将选定的下拉数据传递给状态

来自分类Dev

将JSON数据传递到react native(hook)中的下一页

来自分类Dev

如何解决FlatList React Native中的Key问题

来自分类Dev

React Native - 将类作为道具传递给组件

来自分类Dev

React Native FlatList - 在返回组件的渲染方法中调用函数

来自分类Dev

React-native flatlist renderItem

来自分类Dev

在 React Native 中将道具传递给屏幕

来自分类Dev

在 React Native 中将道具传递给孩子

来自分类Dev

如何在 FLatList react native 中实现 Sraech bar

来自分类Dev

在 React Native 的 FlatList 中延迟加载项目?

Related 相关文章

  1. 1

    将数据传递到React Native中的组件?

  2. 2

    从React Native中的FlatList中删除项目

  3. 3

    将数组对象渲染到FlatList React Native中

  4. 4

    FlatList在React Native中未显示任何内容

  5. 5

    React Native中的Flatlist图像源

  6. 6

    如何将数据从类传递给React Native数组,firebase,堆栈导航器v5中的函数

  7. 7

    如何在React Native中的Flatlist中获取行索引

  8. 8

    React Native:FlatList中的RenderItem。如何映射存储在本地状态的数组?

  9. 9

    将原始值传递给React Native中的onChangeText

  10. 10

    onPress在React Native Flatlist中不起作用

  11. 11

    React Native Flatlist中的网格视图

  12. 12

    无法删除React Native FlatList中的项目

  13. 13

    React Native:如何在FlatList中播放视频

  14. 14

    如何将输入数据传递给React.js中的函数

  15. 15

    Flatlist水平在React Native中没有粘性标题吗?

  16. 16

    如何使用Axios React Native在FlatList中渲染共振?

  17. 17

    在React Native中没有使用Flatlist呈现数据

  18. 18

    即使收到正确的数据,React Native FlatList renderItem也不返回任何内容

  19. 19

    如何将react-native-draggable-flatlist实现为功能组件而不是类?

  20. 20

    在React中,如何将选定的下拉数据传递给状态

  21. 21

    将JSON数据传递到react native(hook)中的下一页

  22. 22

    如何解决FlatList React Native中的Key问题

  23. 23

    React Native - 将类作为道具传递给组件

  24. 24

    React Native FlatList - 在返回组件的渲染方法中调用函数

  25. 25

    React-native flatlist renderItem

  26. 26

    在 React Native 中将道具传递给屏幕

  27. 27

    在 React Native 中将道具传递给孩子

  28. 28

    如何在 FLatList react native 中实现 Sraech bar

  29. 29

    在 React Native 的 FlatList 中延迟加载项目?

热门标签

归档