作为我的 React 开发的一部分,我遇到了属于 JSX 一部分的组件。我看到一些脚本文件是使用 .jsx 扩展名创建的,并且同样的组件概念也使用了 .js 扩展名。
为了渲染组件,reactDOM.render() 在两种情况下都是相同的。
但是 .jsx 的脚本类型是 <script src="text/jsx">
对于 .js 来说是 <script src="text/babel">
JSX 充当语法糖,用于以组件的形式创建元素。 Babel 被用作转译器,将组件转换为元素形式。
我的问题是我们是否有任何标准在特定时刻使用其中任何一个?
最佳答案
就我而言,经验法则是:
- index.js 用于 js 逻辑
- nameOfComponent.jsx 用于渲染函数
我在这里详细解释了: https://hackernoon.com/building-modular-interfaces-a4e4076b4307
这是您可以使用的样板: https://github.com/metaphorical/quantum-blox
关于javascript - React.jsx 与 React.js 作为组件创建的文件扩展名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45805365/