javascript - react-router 项目中的问题

问题描述

问 题

项目路由配置如下：

<Router history={browserHistory}>

<Route path='/' component={Root}>
    <IndexRoute component={App}/>
    <Route path='/app' component={App} />
</Route>

</Router>

在写项目的过程中遇到几个问题，希望大神们能帮解决一下呀，跪谢~~

1. 路由配置中的根目录 path=/对应的组件一般写什么逻辑？

2. react项目登录状态的是设置state还是存在cookie里更好？

解决方案

root组件通常做全局组件的预先加载和子组件的传递。

最简单的是这样的

<div>
     {this.props.children}
</div>

稍微复杂点可以这样

<div>
     {this.props.children}
     {this.props.loading && <Loading {...this.props} />}                              
</div>

按理说root组件不会出现逻辑性的代码，不过如果是下面这种写法，就可能涉及到组件的逻辑了。

handleClick() {
//header组件的事件逻辑
}

<div>
    <Header handleClick={() => this.handleClick()} />
     {this.props.children}
     {this.props.loading && <Loading {...this.props} />}                              
</div>

登录状态不可否认的是以服务端为准，react前端在通常情况下在必要的时候和服务端做一个同步，将登录状态保存到state。

这篇关于javascript - react-router 项目中的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！