相关疑难解决方法(0)

我正在创建一个简单的 react/redux web 应用程序，您只需输入一个用户名，它就会让您登录到带有该数据的仪表板视图。没有登录机制，也不需要会话 cookie 或 jwt 令牌，只是一个基本的应用程序，用于了解单页应用程序如何使用 react/redux。

流程是这样的（使用反应路由器）

login page (/login) -> 
enter username -> 
handle submit ->
fetch data -> 
populate redux store -> 
redirect to dashboard component (/dashboard) ->
render data 

class Login extends React.Component {
    handleSubmit = event => {
        this.props.getData(this.state.username)
    }

    render() {
        .....
        if (data !== '' && data.username !== '') {
            return <Redirect to='/account'/>;
        }

        .....
    }
}

class Account extends React.Component {
    componentDidMount() {
        if (!sessionStorage.username) {
            sessionStorage.username = this.props.data.username;
        } …