Cannot read property 'token' of undefined in Reactjs

Question

let headers = {
            "Content-Type": "application/json",
            "Authorization": "token=" + this.props.login.token,
            "Accept-Language": this.props.language.language,
        };

login prop is undefined. How do you pass the login prop to the component? Please give more details. — Tabish Javed
– Tabish Javed, Commented Jan 14, 2020 at 5:58

akhtarvahid · Accepted Answer · 2020-01-14 06:06:34Z

1

I think you are passing token in wrong way

instead of writing like this

"Authorization": "token=" + this.props.login.token,

define like this

"Authorization": "bearer " + this.props.login.token,

Sample of axios code

axios.post('api_ulr', {
  headers: {'Authorization': "bearer " + this.props.login.token}
  }
).then((response) => {
  console.log(response)
}).catch((error) => {
  console.log(error)
});

answered Jan 14, 2020 at 6:06

akhtarvahid

9,7992 gold badges30 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yousuf Shareef · Accepted Answer · 2020-01-16 06:08:29Z

0

Issue solved. Actually when calling a component and if you don't provide props along with that, we get this error "Cannot read property 'token' of undefined". So just pass the props along with the component like {...this.props} and it works well.

answered Jan 16, 2020 at 6:08

Yousuf Shareef

113 bronze badges

Collectives™ on Stack Overflow

Cannot read property 'token' of undefined in Reactjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related