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

你可能感兴趣的:(react.js,前端,前端框架)