Package Exports
- react-jwt
- react-jwt/dist/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-jwt) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-jwt
Small library for decoding json web tokens (JWT)
Install
npm install react-jwt
or
yarn add react-jwtUsage
import React from "react";
import { useJwt } from "react-jwt";
const token = "Your JWT";
const Example = () => {
const { decodedToken, isExpired } = useJwt(token);
/*
If is a valid jwt, 'decodedToken' will be a object
it could look like:
{
"name": "Gustavo",
"iat": 1596408259,
"exp": 4752168259
}
'isExpired' will return a boolean
true => your token is expired
false => your token is not expired
*/
return (
<div>
...
</div>
);
};You can also use the methods isExpired(token) and decodeToken(token)
import React from "react";
import { isExpired, decodeToken } from "react-jwt";
const token = "Your JWT";
const Example = () => {
const myDecodedToken = decodeToken(token);
const isMyTokenExpired = isExpired(token);
return (
<div>
...
</div>
);
};Refresh state
If you use the reEvaluateToken(newToken) method, useJwt's state will be updated
import React from "react";
import { useJwt } from "react-jwt";
const token = "Your JWT";
const Example = () => {
const { decodedToken, isExpired, reEvaluateToken } = useJwt(token);
const updateToken = () => {
const newToken = "A new JWT";
reEvaluateToken(newToken); // decodedToken and isExpired will be updated
}
return (
<div>
...
</div>
);
};License
MIT © @gustavo0197