验证中...
本周日【珠海源创会】一起聊聊:PingCAP分布式事务、支付宝移动端实践、GSBN技术框架选型,点此报名占座
片段 1 片段 2
App.js
原始数据 复制代码
import React, { Component } from 'react';
class App extends Component {
constructor(props) {
super(props);
this.state = {
demo: 12
}
}
componentDidMount() {
this.renderDemo();
}
renderDemo() {
//使用es6的import函数来动态加载组件
import('./cylist').then((Component) => {
const App = () => (
//使用Component.default获取到组件内容
<Component.default />
);
this.setState({
demo: App()
});
});
}
render() {
const {demo} = this.state;
return (
<div className="App" >
{ demo }
< /div>
);
}
}
export default App;
cylist.js
原始数据 复制代码
import React, { Component } from 'react';
class cyList extends Component {
render() {
return (
<div>chenye < /div>
)
}
}
export default cyList;

评论列表( 1 )

1631018_mr-hu-pan
hupanpan 2018-11-09 17:45

此代码来自论坛

你可以在登录后,发表评论

搜索帮助

12_float_left_people 12_float_left_close