为什么 React JSX 中分号会抛出错误?

2024-04-23

下面是我在 JSX 中渲染方法的一部分 - 为什么后面的分号})抛出错误?在普通 JavaScript 中完全没问题

<ul>
    {
        libraries.map(function (item) {
            return <li>{item.name.toLowerCase()}</li>;
        });
    }
</ul>

这是因为JSX{}表达式仅限于单个表达式。

<div>{2 + 2; 3 + 3}</div>

..会抛出错误。

但是你可以通过两个来解决这个问题{}表达式

<div>{2 + 2}{3 + 3}</div>

如果只有一个表达式,则不需要分号。

如果您想获得所有关于它的技巧,您可以在表达式中使用鲜为人知的逗号运算符来执行一些本地工作,然后返回以逗号分隔的最后一个表达式:

let x
...
<div>{x = 20, x}</div>

哪个会显示<div>20</div>

您可能在任何地方都不需要分号。 http://blog.izs.me/post/2353458699/an-open-letter-to-javascript-leaders-regarding

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 React JSX 中分号会抛出错误? 的相关文章