我有一个这样的对象数组:

"data": [
    {
        "id": 14,
        "banner_type_id": 1,
        "name": "banner2022",
    },
    {
        "id": 12,
        "banner_type_id": 1,
        "name": "banner845",
    },
    {
        "id": 8,
        "banner_type_id": 4,
        "name": "banner_powertools"
    },
]

代码是这样的:

    useEffect(() => {
        getData();
    }, []);

    const getData = () => {
        Axios.get(baseUrl)
            .then(res => {
                console.log('theres: ', res.data.data);
                setBanner(res.data.data);

            })
    }

这一结果成功地获取了所有数据.但是,我只想显示只有banner_type_id==4的数据.我该怎么办?

推荐答案

如果您只想显示包含banner_type_id === 4的元素,请try 使用array.filter().

例如,您可以创建一个单独的函数,如const filtered = banner.filter((x) => x.banner_type_id === 4).然后,在您的返回语句中,您可以映射到该函数,如SO{filtered.map(x => {return <h1>{x.banner_type_id}</h1>}).你可以判断我创建的这codesandbox个.

React-native相关问答推荐

在第二次加载时仅将本机应用程序设置为状态

导航到另一个屏幕后清空搜索屏幕

如何将 react-native 图像从 expo-image-picker 上传到使用 multer 的 Express.js 后端

如何将谷歌反向地理编码与 React Native Expo 结合使用?

React Native - 当位置在Android上是绝对时视图消失

使用 .env 变量在 react-native 应用程序上设置 appcenter

如何清除react-native webview cookie?

react-native - 如何在过go 两个文件夹中导入组件?

使用 resizeMode = contain时的图像对齐

React Native - 用分机拨打电话号码

如何将 View 定位在 ScrollView 的底部?

xcode 8.3 框架未找到架构 armv7 的 FileProvider

react-native android应用程序中的underlineColorAndroid is not a valid style property错误

通过 ToolbarAndroid => onIconClicked 显示 DrawerLayoutAndroid

React Native STUCK 启动打包器

如何在 React Native 中优化图像

Port 8081 already in use, packager is either not running or not running correctly Command /bin/sh failed with exit code 2

如何在 React Native 上隐藏 createStackNavigator 的标题?

以编程方式读取 app.json(或 exp.json)

如何使用 Jest 测试导入自定义原生模块的 React Native 组件?