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

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

我可以命名React和ReactDOM吗?

最佳答案

反应

对于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
  • 09-20 21:25