react项目中，使用.jsx和.js文件书写react代码时，这两者有什么差异性？

我在js中用JSX的语法写，和在JSX中用JSX的语法写，然后用webpack打包编译，都能达到同样的效果，为什么还会有一个.JSX后缀的文件.
写.VUE文件时官方造成.Vue格式它能够以Vue官方特定的组件组织规则，而.JSX文件和.JS文件所能达到的效果都一样，.JSX文件存在的意义是什么呢？
最近刚玩React,想查阅相关资料并未找到，还请Reactjs大神指点迷津，谢谢。

答案是"没有"差异。

.JSX后缀的文件只是方便一眼看出里面有用JSX语法而已。对一些编辑程式或打包工具扩充来说，它们还得加上对.JSX后缀的文档的支援，多花了一些工夫，所以有些旧版的编辑程式是没法支持的。实际上打包出来后能执行的只有.JS文档。当然据说可以浏览中加载，没用过也不支持这种作法。所以看个人爽用了，我个人是不用.JSX后缀的文件的。

react项目中，使用.jsx和.js文件书写react代码时，这两者有什么差异性？相关推荐

Vue中通过配置eslintrc.js文件来解决编译时出现的no-trailing-spaces、no-undef等错误
错误信息: D:\work\vue\workbench\src\views\login\index.vue12:10 warning 'Options' is defined but never us ...
在react项目中编写css,更好的在react项目中写css代码--emotion
简介: emotion是一个JavaScript库,使用emotion可以用写js的方式写css代码.在react中安装emotion后,可以很方便进行css的封装,复用.使用emotion后,浏览器 ...
优雅的在React项目中使用Redux
概念首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与React没有任何关系,其他UI框架也可以使用Redux react-redux React插件,作用:方便在 ...
如何优雅地在React项目中使用Redux
前言或许你当前的项目还没有到应用Redux的程度,但提前了解一下也没有坏处,本文不会安利大家使用Redux 概念首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与 ...
react本地储存_如何在React项目中利用本地存储
react本地储存以及为什么要这么做. 本地存储是现代Web浏览器固有的Web API. 它允许网站/应用程序在浏览器中存储数据(简单和有限),从而使数据在以后的浏览器会话中可用. 在开始学习本教程 ...
中使用js修改变量值_谈一谈css-in-js在React项目中的使用
一.什么是css-in-js 参考:[css in js 简介] 简单来说,传统的前端方案推崇"关注点分离"原则,HTML.CSS.JavaScript 应该各司其职,进行分离. ...
了解CSS in JS(JSS)以及在React项目中配置并使用JSS
目录认识JSS 什么是JSS JSS 的常见实现 JSS 的好处与坏处好处坏处使用模块化CSS实现JSS 安装插件在React项目中的tsconfig.json中添加配置 vscode项目中 ...
前端react项目中添加Eslint校验
当前项目目录安装npm eslint --save-dev eslint --init 生成一个.eslintrc.js文件(可自己在这个文件中进行配置) 安装 npm i eslint-config ...
优雅的在React项目中使用Redux 1
或许你当前的项目还没有到应用Redux的程度,但提前了解一下也没有坏处首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与React没有任何关系,其他UI框架也可以使 ...

react项目中，使用.jsx和.js文件书写react代码时，这两者有什么差异性？

react项目中，使用.jsx和.js文件书写react代码时，这两者有什么差异性？相关推荐

最新文章

热门文章