React 的 export default和export明明是两兄弟，但却不一样。

React 的 export default和export明明是两兄弟，但却不一样。

export default
一个js只有一个回传值，用export default

import React from "react";class Test extends React.Component {    render() {      return <h1>Hello , {this.props.name}</h1>;    }}export default Test;

要接受的js档就用

import ReactDOM from 'react-dom';

export

一个js档放了多个回传值，用export {Test,Test01,Test02}

import React from "react";class Test extends React.Component {    render() {      return <h1>Hello , {this.props.name}</h1>;    }  }    function Test01(props) {    return <h1>Hello , {props.name}</h1>;  }    const Test02 =(props)=>(      <h1>Hello , {props.name}</h1>  )    export {Test,Test01,Test02};//一个js档输出多个组件就用export {a,b,c}  

要接受的js档就用

import {Test,Test01,Test02} from './test';

export 对应的 import 需要知道 export 抛出的变量名或函数名，本例就是Test,Test01,Test02。