以下はJSXのレンダリングメソッドの一部です - })の後ろにセミコロンが表示されるのはなぜですか？これは、通常のJavaScriptのJSX {}式が単一の式に制限されているためですなぜJSXの反応でセミコロンがエラーになるのですか？
<ul>
{
libraries.map(function (item) {
return <li>{item.name.toLowerCase()}</li>;
});
}
</ul>
で完全に罰金です。
<div>{2 + 2; 3 + 3}</div>
..エラーを投げます。あなたが1つの式だけが存在することになる場合は、セミコロンの必要はありません2つの{}表現
<div>{2 + 2}{3 + 3}</div>
を持っていることによってこの問題を解決することができますしかし
。
あなたはそれについてのすべてをハックを取得したい場合は、カンマで区切られた最後の式を返す前に、いくつかの地元の仕事をするために式の中であまり知られていないカンマ演算子を使用することができます。
let x
...
<div>{x = 20, x}</div>
<div>20</div>が表示されますが