Question

在我的 React 应用程序中，当我尝试在路由器中保留参数时，出现了以下错误：

'userid'属性不存在于类型'{}'上。TS2339

编译后会抛出此错误并停止进程。如何正确地修复它？

下面是代码：

import { FC } from "react";
import { useHistory, useParams } from "react-router-dom";

const ScreenC: FC = (props) => {
  const history = useHistory();
  const { userid } = useParams(); // 这里出现错误

  const goBack = () => {
    history.goBack();
  };

  return (
    <div>
      <div>{userid}</div>
      <button onClick={goBack}>返回</button>
    </div>
  );
};

export default ScreenC;

Live Demo

Answer 1

你可以像这样添加类型为 userid 的参数：

import { useParams } from 'react-router-dom';

const { userid } = useParams<{userid: string}>();

属性'userid'在类型'{}'上不存在。TS2339

1 个答案: