我可以看到有两种不同的导入方式
import React from 'react' import { render } from 'react-dom'
第二个有括号。那么两者之间有什么区别?什么时候应该加上括号?谢谢
那么,是否应该 在方括号中 导入组件之间的区别在于您的方式export。
export
出口有两种类型
组件可以有 一个默认导出,零个或多个命名 导出
如果组件是默认导出,则需要不带括号将其导入,例如
export default App;
导入为
import App from './path/to/App';
命名的出口可能像
export const A = 25;
要么
export {MyComponent};
您可以将其导入为
import {A} from './path/to/A';
import {A as SomeName} from './path/to/A';
如果您的组件有一个默认导出而很少有命名导出,则您甚至可以在导入时将它们混合在一起
import App, {A as SomeName} from './path/to/file';
同样的情况下react和react-dom,React和ReactDOM是default exports分别,而,例如Component是named export在react和render是在一个名为出口react- dom。那就是你要么做的原因
react
react-dom
React
ReactDOM
default exports
Component
named export
render
react- dom
import ReactDOM from 'react-dom';
然后使用
ReactDOM.render()
或像问题中提到的那样使用它。