/Javascript/React/How to decode jwt token in react

How to decode jwt token in react

let b64DecodeUnicode = str =>
  decodeURIComponent(
    Array.prototype.map.call(atob(str), c =>
      '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)
    ).join(''))

let parseJwt = token =>
  JSON.parse(
    b64DecodeUnicode(
      token.split('.')[1].replace('-', '+').replace('_', '/')
    )
  )

Js jwt decode

import jwt_decode from "jwt-decode";
var token = "eyJ0eXAiO...";
var decoded = jwt_decode(token);
console.log(decoded);

/* prints: * { foo: "bar", *   exp: 1393286893, *   iat: 1393268893  } */

Source: npmjs.com

Npm jwt decode

import jwt_decode from "jwt-decode"; var token = "eyJ0eXAiO.../// jwt token";var decoded = jwt_decode(token); console.log(decoded); /* prints: * { foo: "bar", *   exp: 1393286893, *   iat: 1393268893  } */ // decode header by passing in options (useful for when you need `kid` to verify a JWT):var decodedHeader = jwt_decode(token, { header: true });console.log(decodedHeader); /* prints: * { typ: "JWT", *   alg: "HS256" } */

Source: npmjs.com

Similar codes

0 vote217 views1 answer
Cloudinary react
Javascript React
0 vote221 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote246 views1 answer
React roter dom npm
Javascript React
0 vote212 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote209 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
25 votes229 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
-2 votes397 views1 answer
Redux template create react app
Javascript React
0 vote206 views1 answer
How to put react compnent to bottom
Javascript React
4 votes249 views2 answers
Axios react post form data
Javascript React
0 vote219 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React