在react.js中存储静态数据

时间:2019-08-23 06:18:51

标签: reactjs static

在我的 react.js 应用程序中,我有Login类,看起来像这样:

class Login extends React.Component {

state={email:'',passwordHash:''};

onButtonClick = () =>{
    if(this.state.email==='' || this.state.passwordHash==='')
        return;
    var request = new XMLHttpRequest();

    request.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) {
            if(request.responseText==="true")
            {
                window.location.href = '/home';
            }
            else
            {
                window.location.href='/bad_request';
            }
        }
    };
    request.open('GET', 'http://localhost:8080/login/'+this.state.email+'/'+this.state.passwordHash, true);
    request.send();

};

...

}

export default Login;

在这里,我只是收到truefalse,但是我可以对我的 REST API-Spring Boot 进行更改,并返回User,存储有关用户的所有数据的地方。

我想要这样做是因为,首先,我需要确定该用户。

所以我的问题是-如何存储我所有课程的数据,例如静态数据?

1 个答案:

答案 0 :(得分:0)

我正在使用localStorage进行此操作。

localStorage.setItem('user',JSON.stringify(user)); // to store as string

JSON.parse(localStorage.getItem('user')); // to retrieve as a json object