猿问

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里更好?


萧十郎
浏览 483回答 1
1回答

UYOU

root组件通常做全局组件的预先加载和子组件的传递。最简单的是这样的<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.props.children} </div>稍微复杂点可以这样<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.props.children} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.props.loading&nbsp;&&&nbsp;<Loading&nbsp;{...this.props}&nbsp;/>}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>按理说root组件不会出现逻辑性的代码,不过如果是下面这种写法,就可能涉及到组件的逻辑了。handleClick()&nbsp;{//header组件的事件逻辑} <div> &nbsp;&nbsp;&nbsp;&nbsp;<Header&nbsp;handleClick={()&nbsp;=>&nbsp;this.handleClick()}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.props.children} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{this.props.loading&nbsp;&&&nbsp;<Loading&nbsp;{...this.props}&nbsp;/>}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>登录状态不可否认的是以服务端为准,react前端在通常情况下在必要的时候和服务端做一个同步,将登录状态保存到state。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答