优雅地使用loading(推荐)(2)

import hoc from '../hoc/loading/index' class Home extends Component { constructor(props) { super(props) this.state = { msg: '还没加载好', loading: true } } render() { return ( <div> {this.state.msg} </div> ); } componentDidMount() { let loading = this.state.loading setTimeout(() => { this.setState({ loading: !loading, msg: '加载完辽!' }) }, 3000) } } export default hoc(Home)

同样是采用setTimeout来模拟异步请求，测试结果也是成功的。react部分并没有用装饰器来使用高阶组件，还不够优雅。。。（在create-react-app中把网上的处理方法都试了一遍，还是报错。。）

最后 

至此，在Vue和React中如何优雅地使用loading就到此结束辽。这是一个超简易版的demo，但还是希望能分享给大家。写完才真正体会到了那句老话，纸上得来终觉浅，绝知此事要躬行。

以上所述是小编给大家介绍的loading使用解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章: