javascript - React.jsx 与 React.js 作为组件创建的文件扩展名

标签 javascript reactjs jsx babeljs

作为我的 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/

相关文章:

javascript - 带有响应数组 [] 的 jQuery Ajax PHP POST 方法已发送数据。如何获得响应中的发送值?

Reactjs 是否有多种元素类型声明的快捷方式

javascript - this.refs 与表单使用 react 中的值

javascript - 在 React 中悬停时叠加,JS 方式

javascript - 以编程方式禁用移动版 Chrome 4 3's "Touch to Search”功能

javascript - 具有透明颜色的 HTML Canvas : ctx. 笔划重新笔划行为

javascript - ReactJS,如何从 CHILD 更新 PARENT 的状态

javascript - 当输入值清除时 onChange 不起作用

javascript - 在 jsx 中使用模板文字进行计算

javascript - 减速时机