javascript - JSX 上下文何时开始？

Question

如果我的问题看起来难以理解，请原谅我。所以，我目前正在 FreeCodeCamp 学习 React，我发现我对什么时候应该使用大括号来包含 javascript 感到困惑。所以为了简短起见，我是否使用 { }每当我在 <h1></h1> 之类的标签之间时.包含 JSX 的文件应该是 file.js或 file.jsx .如果是 file.js ，怎么能不因为js语法报错呢。

Answer 1

每当你想在 React 组件的 HTML 中使用 javascript 时，你应该使用大括号。有时，您可能会遇到这样的情况:您有一些外部 html 元素，然后您有大括号来执行一些逻辑，然后是另一个 html 元素。例如:

render( <div>{ this.listOfItems.map(item => <h1>{item}<h1> ) }</div> )

一般来说，圆括号允许你写html，大括号允许你写javascript。

此外，约定是 React 是用 .jsx 文件编写的，但 .js 文件在大多数 IDE 中应该可以正常工作。