create = () => {
switch(this.state.current) {
case 'a':
require.ensure(['./a.js],(require) => {
const A = require('./a.js').default;
return <A />
})
}
}
render() {
return(
<div>
{this.create()}
</div>
)
}
//a.js
export default class A extends React.Component
大概就是这样,为什么无法动态加载A组件?
反而是直接使用
import A from './a.js'
然后再create函数中直接return <A />
就能正常使用
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…