在React中导入应该以什么顺序完成?

Question

我知道我必须首先在组件文件中导入React:

import React from 'react';
// other imports...

我还听说样式和图像的导入应该最后导入:

// other imports...
import * as Styles from './styles.css';
import exampleIcon from '../icons/example-icon.svg';

为什么我要最后导入图标、图像和样式?其他导入(组件、实用程序、常量等)的顺序如何?是否有标准/文档来说明导入顺序?

Answer 1

我没有任何标准文档，但是有一个简单的方法可以让你不再关心这个。如果您使用Visual Code进行开发，只需安装vsc-organize-imports扩展的Visual Code..它将帮助您通过默认选项自动组织导入。祝你好运. .

Answer 2

我想我们对此没有任何标准，我的标准是这样的，我见过很多人按照这个顺序导入代码。

React和React Hooks

包

组件

风格