下面是我在 JSX 中渲染方法的一部分 - 为什么})抛出错误后的分号会出错？在普通 JavaScript 中完全没问题
<ul>
{
libraries.map(function (item) {
return <li>{item.name.toLowerCase()}</li>;
});
}
</ul>
为什么分号会在 React JSX 中抛出错误？
IT技术
reactjs
jsx
2021-05-08 16:52:49
1个回答
这是因为 JSX{}表达式仅限于单个表达式。
<div>{2 + 2; 3 + 3}</div>
..会抛出错误。
但是你可以通过两个{}表达式来解决这个问题
<div>{2 + 2}{3 + 3}</div>
如果只有一个表达式，则不需要分号。
如果你想弄明白它，你可以在表达式中使用鲜为人知的逗号运算符来做一些本地工作，然后返回由逗号分隔的最后一个表达式：
let x
...
<div>{x = 20, x}</div>
哪个会显示 <div>20</div>