App组件刷新时丢失currentUser?

我目前正在使用React, Node.js ,passport-google-oauth20来开发一个简单的web应用程序。

出于某种原因,无论何时应用程序重新装入,我都将失去当前的用户状态。 就好像req.user只是丢失了一样。

它的工作方式是当应用程序挂载时,首先获取当前用户,并将this.state.currentUser设置为结果。 问题是页面刷新的时候。 组件重新挂载,我失去了用户。 我试图logging用户,并收到空。

希望我解释得很好…这是代码:

应用组件:

 import React from 'react'; import List from './List'; import ListForm from './ListForm'; import * as helpers from '../helpers'; class App extends React.Component{ state = { currentUser: '', } componentDidMount() { helpers.fetchUser() .then(data => { this.setState({ currentUser: data }); }); } onSubmit = (id, item) => { helpers.addItem(id, item); } render() { return ( <div className="container"> <List currentUser={this.state.currentUser} onSubmit={this.onSubmit} /> </div> ); } }; export default App; 

助手:

 import axios from 'axios'; export const fetchUser = async () => { const resp = await axios.get('/api/current_user'); return resp.data; } export const addItem = (id, newItem) => { axios.post("/api/" + id + "/addItem", newItem); }