使用未定义的属性“参数”反应 js 错误

Question

我正在尝试获取 id，但显示此错误：

TypeError: Cannot read property 'params' of undefined

这是来自 list.js 的链接

.
.
.
import { Link } from "react-router-dom";
.
.
.

<Link to={`/edit/${item.id}`} > Edit </Link>
.
.
.

这个是组件edit.js

.
.
.



   import { Link, useHistory } from "react-router-dom";
    .
    .
    .
    const Edit = (props) => {
      .
      .
    const history = useHistory();
    const currentCatId =  props.match.params.id; 

    .
    .
    .
} export default Edit;

错误就在这里 props.match.params.id

我做错了什么？？

Answer 1

如果您使用 useHistory，请使用 useParams，在您的情况下：

const { currentCatId } = useParams();

别忘了 (:):

<Route path="/edit/:currentCatId ">
    <Edit/>
</Route>


<Link to={`/edit/${item.id}`} > Edit </Link>