是否有关于如何在 React 组件中的条件语句中返回的解决方法?

托布

我正在尝试解决一个我已经用 jQuery 完成的问题,但同时尝试自学 React 并且重做解决方案似乎并不像我想象的那么顺利 - 真是一个惊喜。无论如何,现在我正在尝试将项目和价格列表输出到我的 React 应用程序上,但我无法让它在 if 语句中返回 JSX。

我知道 JSX 在使用 if 语句时存在问题,但我也尝试过三元运算符,但找不到解决方法。当我尝试三元运算时,我的返回语句出现错误,提示'expression expected'

        this.state.itemsWithPrice.map(x =>
            data.map(n => {
                if(n==x.market_hash_name){
                    // alert(x.market_hash_name+x.price);
                    return (
                        <li>{x.price}</li>
                    )
                }
        }))

       return <h1>works here</h1>  

所以几乎数据数组有我感兴趣的项目的名称,itemsWithPrice 有名称+附加信息,所以我试图只返回感兴趣的项目,这就是为什么我需要在 if (x.price 和在我弄清楚如何之后更多)。有解决办法吗?

姆博伊科

filter 这样做。

data
    .filter(n => fulfillsSomeCondition(n)) // other n are just removed from further consideration
    .map(n => <li>some content</li>)

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

是否有关于如何在 Azure 中激活角色的脚本示例?

来自分类Dev

Swift中是否有关于工厂方法的约定?

来自分类Dev

是否有关于数据在C联合中的位置的标准?

来自分类Dev

如何在React Native中更改语句中的单词样式?

来自分类Dev

在svg-icons文件夹中是否有关于如何使用material-ui图标的列表?

来自分类Dev

是否有关于如何将 kubernetes 服务名称包含在微服务中的推荐做法?

来自分类Dev

如何在React中编写Jest测试以检查组件是否具有CSS类?

来自分类Dev

我的代码是否有简单的解决方法,以使mysql Update语句在csharp中工作?

来自分类Dev

用 Pyomo 解决 MINLP。是否有关于“开始可行的解决方案”的设置?

来自分类Dev

如何在React中从父组件调用子组件的方法

来自分类Dev

如何在React + Typescript中检查数组中的javascript对象的所有值是否为true?

来自分类Dev

如何在React中的组件上设置条件属性

来自分类Dev

在 React 组件中,如何在迭代列表时有条件地显示样式

来自分类Dev

HTML文档中是否有关于Lang属性的新规则?

来自分类Dev

是否有关于在EntityMetadata中创建实体记录的可能性的任何信息?

来自分类Dev

PostgreSQL中是否有关于大小写的最佳实践

来自分类Dev

HTML文档中是否有关于Lang属性的新规则?

来自分类Dev

此C ++代码示例中是否有关于指针的内存泄漏?

来自分类Dev

终端中是否有关于特殊字符的离线手册?

来自分类Dev

Ubuntu 14.04中是否有关于父进程到孤儿进程的更改?

来自分类Dev

在使用 Packer 的食谱中,是否有关于将 Chef 代码放在哪里的约定?

来自分类Dev

如何在单个语句中减去Neo4j中具有不同条件的相同返回值

来自分类Dev

ESlint是否有关于函数中第一条语句之前的空白行的规则?

来自分类Dev

有效的解决方法而不是使用大量的 if 语句?

来自分类Dev

如何解决Gatsby(react JS)中的逻辑语句?

来自分类Dev

如何解决:使用gactions时出现“没有关于'preview'的帮助主题”错误?

来自分类Dev

BeamSQL 中的“LIKE”是否有解决方法?

来自分类Dev

关于如何在render()中引用状态变量的真正快速的问题-React Native

来自分类Dev

关于如何在React中对该导航栏进行DRY编码的任何想法?

Related 相关文章

  1. 1

    是否有关于如何在 Azure 中激活角色的脚本示例?

  2. 2

    Swift中是否有关于工厂方法的约定?

  3. 3

    是否有关于数据在C联合中的位置的标准?

  4. 4

    如何在React Native中更改语句中的单词样式?

  5. 5

    在svg-icons文件夹中是否有关于如何使用material-ui图标的列表?

  6. 6

    是否有关于如何将 kubernetes 服务名称包含在微服务中的推荐做法?

  7. 7

    如何在React中编写Jest测试以检查组件是否具有CSS类?

  8. 8

    我的代码是否有简单的解决方法,以使mysql Update语句在csharp中工作?

  9. 9

    用 Pyomo 解决 MINLP。是否有关于“开始可行的解决方案”的设置?

  10. 10

    如何在React中从父组件调用子组件的方法

  11. 11

    如何在React + Typescript中检查数组中的javascript对象的所有值是否为true?

  12. 12

    如何在React中的组件上设置条件属性

  13. 13

    在 React 组件中,如何在迭代列表时有条件地显示样式

  14. 14

    HTML文档中是否有关于Lang属性的新规则?

  15. 15

    是否有关于在EntityMetadata中创建实体记录的可能性的任何信息?

  16. 16

    PostgreSQL中是否有关于大小写的最佳实践

  17. 17

    HTML文档中是否有关于Lang属性的新规则?

  18. 18

    此C ++代码示例中是否有关于指针的内存泄漏?

  19. 19

    终端中是否有关于特殊字符的离线手册?

  20. 20

    Ubuntu 14.04中是否有关于父进程到孤儿进程的更改?

  21. 21

    在使用 Packer 的食谱中,是否有关于将 Chef 代码放在哪里的约定?

  22. 22

    如何在单个语句中减去Neo4j中具有不同条件的相同返回值

  23. 23

    ESlint是否有关于函数中第一条语句之前的空白行的规则?

  24. 24

    有效的解决方法而不是使用大量的 if 语句?

  25. 25

    如何解决Gatsby(react JS)中的逻辑语句?

  26. 26

    如何解决:使用gactions时出现“没有关于'preview'的帮助主题”错误?

  27. 27

    BeamSQL 中的“LIKE”是否有解决方法?

  28. 28

    关于如何在render()中引用状态变量的真正快速的问题-React Native

  29. 29

    关于如何在React中对该导航栏进行DRY编码的任何想法?

热门标签

归档