首先介绍下动态加载函数:
{
let A = require('./a.js').default;
})
如果想要动态加载出es6代码组件,直接require一个es6风格的组件是不行的,因为一般的语言编译工具(如babel),不支持直接require一个es6风格的组件。
那么有种办法可以解决:在es6方式书写的组件底部增加一句:module.exports = YouclassName;
export default class Father extends Component {
constructor (props)=>{
super();
this.state = {
currentComponent:null
}
}
constructor (props)=>{
super();
this.state = {
currentComponent:null
}
}
doSomething = () => {
require.ensure(['./app2'],(require) => {
const Comp = require('./app2');
this.setState({
currentComponent:
})
})
}
render () {
return (
点击后,按需加载模块~
{this.state.currentComponent}
)
}
}
app2
你好,祝你幸福,再见~
)
}
}
module.exports= Hello;