我不知道如何从我的JWT令牌中只提取一个特定值,我使用REACT-JWT作为我的react 库来解码我的令牌,当我sole.log时,我得到如下结果:

Object { userId: "850dff98-54fb-4059-9e95-e44f5c30be0f", iat: 1698866016 }

我只想提取UserID的值,将其放在本地存储中,如下所示:LocalStorage.setItem("UserID","the Value")

import {useJwt} from "react-jwt"

export async function JWTDecode() {
    const token = localStorage.getItem("token")

    const { decodedToken } = useJwt(token!);
    console.log(decodedToken)
}

推荐答案

此外,您还可以按照他们在Github Issue中建议的方式进行输入

interface TokenPayload {
  userId: string;
  iat: number;
}

const { decodedToken, isExpired } = useJwt<TokenPayload>(token);

必须使用?引用属性,但这应该没问题, Sandbox here

Typescript相关问答推荐

Typescript:将内部函数参数推断为子对象键的类型

即使子网是公共的,AWS CDK EventBridge ECS任务也无法分配公共IP地址

处理API响应中的日期对象

如何在方法中定义TypeScript返回类型,以根据参数化类型推断变量的存在?

typescript抱怨值可以是未定义的,尽管类型没有定义

Typescript泛型类型:按其嵌套属性映射记录列表

React重定向参数

无法从Chrome清除还原的初始状态数据

TypeScrip原始字符串没有方法

Vue3 Uncaught SyntaxError:每当我重新加载页面时,浏览器控制台中会出现无效或意外的令牌

作为函数参数的联合类型的键

扩展对象的此内容(&Q;)

递归类型别名的Typescript 使用

如何处理可能为空的变量...我知道这不是Null?

Route.ts文件中未导出HTTP方法

传入类型参数<;T>;变容函数

Angular另一个组件的nativeelement未定义

Select 器数组到映射器的Typescript 泛型

将 Angular 从 14 升级到 16 后出现环境变量注入问题

如何在故事书的Typescript 中编写decorator ?