使用JSX文件格式而不是JS?

13 浏览
0 Comments

使用JSX文件格式而不是JS?

作为VSCode用户,在React项目中,每次关闭文件标签再次打开时,都需要重新定义语言,这让人感到沮丧。所以我尝试将`header.js`更改为`header.jsx`,结果起作用了,我不再需要一直定义语言了。但我想知道这样做是不是一个好的实践,因为我的语法和代码片段似乎都能正常工作。在我的React项目中,我可以使用`jsx`文件格式代替JS吗?

0
0 Comments

在创建React组件时,如果你使用HTML代码(例如组件、HTML标签等),则使用.jsx文件扩展名;如果只是纯粹的JavaScript代码(例如创建工具等),则使用.js文件扩展名。

问题是为什么在使用.js文件扩展名时,VS Code不能正常工作,以及如何解决这个问题。

当我关闭一个以"javascript react"定义的js文件并重新打开它时,它的语言定义又变回纯粹的js,并且Emmet插件无法工作。

如果这个答案没有解决你的实际问题,那为什么你把它标记为已接受的答案?

我没有,我认为这是一个触摸问题,因为我现在使用的是平板电脑。

0
0 Comments

使用.jsx文件格式而不是.js的原因是,如果文件中包含React组件或简单的HTML标签,则应使用.jsx。如果文件中只有React hooks或不依赖于react.js库的函数,则可以使用.js。但是.jsx也能与hooks和函数一起使用。

然而,这是没有意义的,因为您不需要JSX语法支持。React hooks和渲染函数来自react库,像useState hook来自react。

是的,但是您只需要在渲染的情况下使用.jsx语法,否则您不需要它。对于useCallback,useEffect,useMemo等,您不需要JSX支持。只有在该文件中有任何HTML标签时才需要。

因此,根据上述讨论,我们可以得出以下结论:如果文件中包含React组件或HTML标签,则应使用.jsx文件格式,如果文件中只有React hooks或不依赖于react.js库的函数,则可以使用.js文件格式。

0