React-rails store POST request response

Question

currently i used Ruby on Rails as my backend to serve API to my apps. And my front end i use React-rails gem (React.js) to get/post data and generate output. Both API and apps are on different server.

My problem here is, i cannot store response from POST request i made in react. How can i do so ? I am new in react btw.

What i want to do now is when user want to login the apps will POST request to API and get "auth_token" response. I want to store this "auth_token" response in header and access into dashboard. But i stuck now how can i store the auth_token ftw.

Below is my code for POST data :

 var LoginBody = React.createClass( { handleClick() { var username = this.refs.username.value; var password = this.refs.password.value; $.ajax({ url: 'http://localhost:3001/api/v1/users/central/signin?', type: 'POST', dataType: 'json', data: { user_login:{email: username, password:password} }, success: (data) => { this.setState({auth_token: data.auth_token}); }.bind(this), }); }, getInitialState(){ return { auth_token: [] } }, 

If there's someone that could solve my problem and teach me how can i store in header in my apps i really appreciate it.

Answer 1

Just store them in local storage like:

localStorage.authToken = data.auth_token

And then whenever you need them in your future requests, just read as:

localStorage.authToken