导入React和ReactDOM

Question

在导入react和reactDOM时，我总是看到：

import React from 'react';
import ReactDOM from 'react-dom';

我可以给React和ReactDOM命名吗？

Answer 1

反应

对于React，您必须 import React from 'react'。您需要导入默认值，并将其命名为React。这是因为只要您编写<MyComponent />或<App />之类的JSX代码，此JSX代码就会被转译并使用React.createElement()。因此，您需要访问React对象的名称。

ReactDOM

对于ReactDOM，您可能最担心默认导出中与DOM相关的方法，例如render()或hydrate()之类的方法。因为这就是您可能要使用的内容，所以可以将导入模块命名为任何所需的名称。因此，您可以执行以下操作：

import FooBar from 'react-dom'
FooBar.render(someElement)

这是有效的，但标准惯例是调用导入的模块ReactDOM，因为这会使您的代码对其他查看它的人更易理解。

---

其他资源：

• ES6 syntax and usage of import
• Babel tranform of JSX requires React
• ReactDOM documentation