当前位置: 首页 > 知识库问答 >
问题:

使用。编写返回jsx的脚本时的js文件扩展名

从智志
2023-03-14

我开始使用反应作为我的UI框架的选择。在我冒险通过留档时,我注意到,当使用create-react-app脚本来旋转一个新的反应样板时,他们在返回jsx代码的脚本上使用了. js文件扩展名。当我问我的朋友时,他告诉我你应该在返回这种代码的脚本上使用. jsx扩展。

我在这里有点不知所措,好像两者都能起作用,使用不是更好吗。js扩展在一天结束时,我们正在编写它的javascript。

请帮助我什么是被认为是最好的练习。(我有一种感觉,在这些类型的脚本上使用. jsx扩展,但是我很想听听社区对此的看法)

提前感谢:)

共有2个答案

柳景胜
2023-03-14

实际上,这并不重要,由您决定,当我返回超文本标记语言和JS之间的混合时,我更喜欢使用. jsx,并且只在使用普通JS或ES6时使用. js

我建议您在github上阅读关于这个问题的文章。

连正信
2023-03-14

这完全取决于个人喜好。

我个人认为JavaScript就是JavaScript,我只是使用。js。其他人更喜欢使用。jsx位于jsx和文件中。jsin用于诸如实用程序之类的东西,以便区分。唯一重要的是,无论你选择什么,都要保持一致(至少在一个项目中)。

总的来说,没关系。

唯一可能真正重要的时间是基于您的构建管道。某些生成管道可能配置为编译。js。jsx的规则略有不同,但这取决于您的应用程序(如create-react-appdon't care)。

在一天结束时,您可以使用。cookiemonster扩展,它可以正常工作(只要您的构建管道配置为处理它)。

 类似资料:
  • 我已经安装了eslint config airbnb,它应该为React预先配置eslint: 我们的默认导出包含所有ESLint规则,包括ECMAScript 6和React。它需要eslint、eslint插件导入、eslint插件反应和eslint插件jsx-a11y。 我的扩展其配置: 不幸的是,当lint一个.js文件中包含React JSX代码时,我遇到了以下错误: 如前所述,esli

  • 问题内容: 我已经安装了eslint-config- airbnb ,它应该为React预配置ESLINT: 我们的默认导出包含我们所有的ESLint规则,包括ECMAScript 6+和React。它需要eslint,eslint-plugin- import,eslint-plugin-react和eslint-plugin-jsx-a11y。 我扩展了它的配置: 不幸的是,当我在其中插入带有

  • 问题内容: 我只是想弄清楚什么对我的应用程序更好: 使用扩展,但是我需要在require函数中要求具有显式扩展的组件 使用扩展名,这很好,但是我将需要破解Sublime才能正确地将它们抹平并突出显示语法。 您的经验是什么? 问题答案: 新用户更新 由于不推荐使用JSXTransformer,因此已删除了JSX编译器工具。React团队建议使用其他工具,例如Babel REPL 。 如果您希望保持J

  • 我正在构建一个使用vs代码扩展解析json的扩展。所以我的需求是,它应该能够从一个特定的文件夹加载.json文件,并遍历该文件的内容。然后,它应该允许用户从中选择几个键,生成一个新的json文件,并将其保存在任何文件夹中。 但是我无法找到任何方法来读写“VS代码扩展”中的文件。请有人帮助我。

  • 问题内容: 我使用 browserify 和 watchify ,并希望不是默认的扩展名的其他文件,并没有指定扩展名,比如: 我已经尝试按照 browserify 文档中的指定进行操作: 但是我看不到任何变化。这可能吗?正确的方法是什么? 问题答案: 编辑 (2015年4月27日):我刚刚注意到在问题中,我有一个无效的参数,例如: 应该是(请注意中的(点)): 原始答案 : 添加的选项,这样做是为

  • 我使用的浏览器和Watchify,并希望文件以外的默认扩展名和没有指定的扩展名,例如: 我已经尝试了,如浏览器留档中指定的: 然而,我没有看到任何变化。这有可能吗?做这件事的正确方法是什么?