JWT decoding working in React Native but not for React

Question

So when you decode the following in https://jwt.io/ it says it has a header named 'token' which has the token when you re-decode it you can access the payload.

Normally in RN I can access the payload containing token using this.props.user.token but in React the 'token' property is not there as it is not an javascript object but a string but I use the same API to my backend.

eyJ0b2tlbiI6ImV5SmhiR2NpT2lKSVV6STFOaUlzSW5SNWNDSTZJa3BYVkNKOS5leUpwWkhCaGMzTWlPaUl6WkRFME1ERmlNQzFtTkdWakxURXhaVGN0WVdReE15MHpaRGRsTUdZME9EUmlaR0k2TVRsaU4yTmpNREUyWVRVeU1ERTRNemt3TmpsbU56aGxNV0pqTXpBMk4yUTBZalJqTVRrNE1HTTBPV05tWkRsak9XWTRNV1F4Tm1VMllUbGhaR1JrTVNJc0ltbGhkQ0k2TVRVeE5UY3lNalF6TkgwLlg0dGUxRmhzbGJlcW5Id3RCQ2NOMHF5Zk9vb2tvdVN2TXRlLVBUTUtrMHcifQ==

I tried to decode it using

var decoded = jwt.decode(response.data);

but decoded is null, what can I do?

score 15 · Answer 1 · edited Mar 28 '19 at 22:00

15

You can use any npm module for decoding like :

npm install jwt-decode

var jwtDecode = require('jwt-decode');

var token = 'eyJ0eXAiO.../// jwt token';

var decoded = jwtDecode(token);
console.log(decoded);

For further info check here

edited Mar 28 '19 at 22:00

chridam

100,957
23
236
235

answered Jan 12 '18 at 04:47

yogesh agrawal

706
7
15

1

I told you it's not working for my case you still reply with the same code – Leo Jan 12 '18 at 08:21
[follow this](https://stackoverflow.com/questions/38552003/how-to-decode-jwt-token-in-javascript) – yogesh agrawal Jan 12 '18 at 08:32
is any liabrary which is compatible with this for react native mobile application – Chandni Jan 15 '19 at 09:25

score 0 · Answer 2 · answered Jan 16 '19 at 04:26

0

It's work well:

var jwtDecode = require('jwt-decode');

var decoded = jwtDecode(testString, { body: true });

answered Jan 16 '19 at 04:26

Duyen Hang Kim

173
2
7

JWT decoding working in React Native but not for React

2 Answers2