我正在使用"react-router": "^6.0.0-beta.0"并且在我的Activate.js 文件中,我在 Chrome 上不断收到错误,如下所示
类型错误:无法读取未定义的属性“params”
这是我的 Activate.js 的代码示例,我正在使用带有React hooks的功能组件,现在该代码的工作原理是,当您注册并单击电子邮件激活链接时向您发送电子邮件时,它会将您重定向到单击一个按钮以便激活帐户,这正是我得到“无法读取未定义的属性‘参数’”的地方 下面的代码正是我得到错误的地方。
useEffect(() => {
/* get token from params like /active/token
then decode this token and get name*/
let token = match.params.token; //Error is occuring Here
let name = jwt.decode(token);
if (token) {
setFormData({ ...formData, name, token });
}
Run Code Online (Sandbox Code Playgroud)
整个Activate.js文件的完整代码示例如下
/* eslint-disable no-unused-vars */
import React, { useState, useEffect } from 'react';
import authSvg from '../assets/welcome.svg';
import { …Run Code Online (Sandbox Code Playgroud)