ReactJs + Auth0-Lock:访问通用登录中的自定义字段

问题描述 投票:0回答:0

我通过 Auth0-Lock 为我的通用登录名、姓氏和状态添加了 additionalSignUpFields。

const lock = new Auth0Lock(process.env.REACT_APP_AUTH0_CLIENT_ID, process.env.REACT_APP_AUTH0_DOMAIN, {
    auth: {
        redirectUrl: process.env.REACT_APP_AUTH0_CALLBACK_URL,
        responseType: 'token',
    },
    closable: false,
    initialScreen: 'signUp',
    additionalSignUpFields: [
        {
            name: "firstName",
            placeholder: "Enter your first name"
        },
        {
            name: "lastName",
            placeholder: "Enter your last name"
        },
        {
            name: "state",
            type: "select",
            placeholder: "choose your region",
            options: [
                {value: "new_york", label: "New York"},
                {value: "new_jersey", label: "New Jersey"},
                {value: "washington", label: "Washington"},
                {value: "ohio", label: "Ohio"},
                {value: "iowa", label: "Iowa"},
            ],
            prefill: "ohio",
        }
    ]
});

我的问题是如何访问自定义字段? 我尝试访问“声明”和“用户”对象,但没有看到自定义字段

const { user, getIdTokenClaims } = useAuth0();
let claims = getIdTokenClaims(); 

console.log(user);
console.log(claims);

这是我得到的输出...

有人能给我指明正确的方向吗?我该如何访问自定义字段?

reactjs auth0 auth0-lock
© www.soinside.com 2019 - 2024. All rights reserved.