扫码关注官方订阅号
我想要实现一个全局的加载条。
就是类似这种。
如果有东西在加载就显示这个。
用了 react-router,该怎么写显示隐藏的逻辑呢?
闭关修行中......
在根组件写一个props控制这个条是否显示然后再router的回调函数中控制
App 根组件
import React, { Component, PropTypes } from 'react'; class App extends Component { constructor(props, context) { super(props, context); } loading() { // 这里那得全局的state 当中的 Loading if (Loading) { return <Loading /> } return null; } render() { return ( <p> {this.loading()} {this.props.children} } </p> ); } } export default App;
路由配置
<Route path="/" component={ App } > <IndexRoute component={ Homepage } /> <Route /> <Route /> </Route>
在每个页面加载完数据更新全局state里的loading
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
在根组件写一个props控制这个条是否显示
然后再router的回调函数中控制
App 根组件
路由配置
在每个页面加载完数据更新全局state里的loading