export 与 export default 区别

export 和 export default 区别

相同点

export 和 export default 都是es6语法中用来导出组件的

可以导出的文档类型有( 数据、常量、函数、js文件、模块等)

不同点

export 导出内容时必须注意当前模块

文件中可以有多个 export 并且export 可以一次导出多个，

export  class Com extends Component{
    render() {
      return (
          <div >
            <h1>这是头部</h1>
          </div>
      )
  }
}

export const str = '我是要被导出的str'

// import 引入方式  
import { Com , str } // 引入时需要解构出来 可以解构多个 用 , 号隔开 

export default 不必注意当前文件内容

export default 每次只能导出一个 ，每个文件里只有一个export default

function  fn (){
  console.log('我是fn函数')
}

  export default fn 
  //exprot default  导出时不会去关注 文件内容  只要名称对应即可
  //export 必须写在 文件最后;

// 引入方式
import fn from '../'