So when you decode the following in / 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?

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?

• javascript
• node.js
• reactjs
• jwt

3 Answers 3

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

It's work well:

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

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

import { Buffer } from "buffer"

const token = 'xxx.xxx.xxx';

const parts: Buffer[] = token.split('.').map((part: string): Buffer => {
            return Buffer.from(part.replace(/-/g, '+').replace(/_/g, '/'), 'base64');
        });
const payload = JSON.parse(parts[1].toString());