javascript - map.array 内的 if 语句与 React

标签 javascript reactjs

我想在 map 内使用 if 语句,但我不想切换返回。代码:

this.example = this.state.data.map((item) => {
    return(
        <div>
        {if(1 + 1 == 2){
            data here
        }}
        </div>
    )
})

我知道我不明白如何在 react 中使用这些。但基本上,我需要根据 map 内返回的 Logo 返回一个链接。因此,如果它的 Logo A,则返回链接 A、 Logo B、链接 B 等。

Logo 是通过 API 映射的,但链接不是。

最佳答案

使用ternary operators :

this.example = this.state.data.map((item) => {
    return(
        <div>
            {link ? <img src={link} /> : null}
        </div>
    )
})

关于javascript - map.array 内的 if 语句与 React,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57254541/

相关文章:

javascript - 在插入 MySQL 之前尝试转义数据时出现 Node.js 错误

javascript - 阿普塔纳 - 公开声明

android - React-Native 应用程序的 iOS/Android 应用程序文件夹结构

reactjs - React useState 设置初始值无效

javascript - 如何使用纯javascript在当前网页中附加带有CSS、JS的HTML内容?

javascript - 如何用另一个元素包装html中的所有文本?

javascript - 在jquery sortable中获取列表项的顺序

javascript - React : this. setState 未重置状态

reactjs - 从下到上逐渐填充一个圆圈

javascript - Redux 之前的状态已经有了新的状态值