导入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
,因为这会使您的代码对其他查看它的人更易理解。其他资源: