javascript - 导入 React 和 ReactDOM

Question

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

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

我可以给 React 和 ReactDOM 起别的名字吗？

Answer 1

react

对于 React ，您必须 import React from 'react' .需要导入默认的，需要命名为React .这是因为任何时候你编写 JSX 代码，如 <MyComponent />或 <App /> ，此 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