import React from 'react';
import ReactDOM from 'react-dom';
import {Hello} from './hello';
ReactDOM.render(
<Hello/>,
document.getElementById('app')
);
Hello 组件来自同一个文件夹中的 hello.js：
import React from 'react';
class Hello extends React.Component{
render(){
return (
<h1>Hello, world!</h1>
)
}
}
export default Hello;
运行报错。解决：export default 需要去掉大括号，即 mport Hello from './hello';
原因：当导入export default默认类时，无需大括号；导入使用其他类时，需要大括号。
举个例子，在 hello.js 文件中：
import React from 'react';
class Hello extends React.Component{
render(){
return (
<h1>Hello, world!</h1>
)
}
}
class Other extends React.Component{
render(){
return (
<h1>Hello, world!</h1>
)
}
}
export default Hello;
export Other;
在其他文件中：
import Hello, {Other} from './hello';
import Component, {Other} from './hello';
有C++难题，加我！