React 中路由跳转之后无法访问某个 cookie 的问题

新手上路,请多包涵
// App.js
render() {
  return (
    <Switch>
      <Route exact path="/" component={A} />
      <Route path="/index" component={B} />
    </Switch>
  )
}

// A.jsx
import Cookies from 'universal-cookie'

handleClick = () => {
  const cookies = new Cookies()
  cookies.set('a', 'a', { path: '/index' })
  this.props.history.push('/index')
}

render() {
  return <Component onClick={this.handleClick} />
}

// B.jsx
import Cookies from 'universal-cookie'

componentDidMount() {
  const cookies = new Cookies()
  console.log(cookies.get('a')) // undefined
}

简化后的代码就是这样,路由 / 匹配到页面 A,我在页面 A 触发点击事件之后往 cookie 里塞了一个 a,然后跳转到了路由 /index,但是我没办法在页面 BcomponentDidMount 中访问到这个 a。在 Chrome 的 devtool 中的确可以看到这个 cookie a 保存成功了,而且如果我在 /index 做一次刷新,那么在 componentDidMount 中就可以访问到这个 a 了。
问题是怎么样才能在不做刷新的前提下直接访问到这个 a 呢?

阅读 2.3k
1 个回答

path 应该以 “/” 结尾,试试

 cookies.set('a', 'a', { path: '/index/' })
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题