React组件导入的两种方式(动态导入组件的实现)

一、 react组件两种导入方式

React组件可以通过两种方式导入另一个组件

 1.import(常用）

import component from './component'

 2.require

const component = require('./component')

两种方式有什么区别?

• 提出的规范不同
  import是ES6语法,reuqire是CommonJs提出的.

• import会通过babel转换成CommonJS规范。
  下面两行代码是等价的

  import component from './component'
  // => 
  const component = require('./component')