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';

出口

一个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 抛出的变量名或函数名

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_9449