ReactNative 组件调用FlatList循环点击方法

最新推荐文章于 2022-12-19 10:18:28 发布

_大龄码农

最新推荐文章于 2022-12-19 10:18:28 发布

阅读量971

点赞数 1

分类专栏： ReactNative 文章标签： reactnative FlatList循环点击

本文链接：https://blog.csdn.net/qq_36229552/article/details/103368715

版权

ReactNative 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

组件 DetailsList.js 代码如下
在这里插入图片描述

let data = item.item.shopData;  //获取数据
        let list = '';
        data.map((e) => {
            list = e
        });

在这里插入图片描述

ViolationManagement.js 里面引入组件我这里模拟的是假数据

flatData: [
                {"key": "1",
                 "shopData": [
                        {
                            title: '商户门前乱摆卖',
                            MerchantName: '因市场改造升级xxxxxxxxxxxxx',
                            shopName: '测试商铺1',
                            time: '2019-10-10',
                            ApprovalTxt: '审批通过',
                            onState: 0,
                            id: 0,
                        }
                    ]
                },
                {"key": "2",
                 "shopData": [
                        {
                            title: '车辆占用商户通道',
                            MerchantName: '因市场改造升级xxxxxxxxxxxxx测试商户2',
                            shopName: '测试商铺2',
                            time: '2019-10-12',
                            ApprovalTxt: '审批驳回',
                            onState: 1,
                            id: 1,
                        }
                    ]
                } 
            ]

引入组件里对应输入
在这里插入图片描述
点击事件

nextClick(list) {
        if (list) {
            NavigationUtil.goPage({
                navigation: this.props.navigation,
                type: list.onState,
            }, 'ViolationDetailsPage')
        }
    }

最终效果点击相应块，获取对应数据
在这里插入图片描述