“react router dom”不包含名为“useParams”的导出

Question

App.js我有以下路线：

<Route path="/Comp1/:catid">
    <Comp1 />
</Route>

通过单击带有单个参数的链接可以调用此路由：

<Link to={'/Comp1/' + catid}>Comp1 </Link>

参数catid总是有一定的值。

Comp1是定义如下的组件：

import React, { Component } from 'react';
import { useParams } from 'react-router-dom';

export default class Comp1 extends Component {

    componentDidMount() {
        const params = useParams();
        const { catid } = params.catid;
        console.log(catid);
    }

    componentDidUpdate() {

    }

    render() {
        return (
            <div>
                Hello, I am class Comp1
            </div>
        );
    }
};

但现在正在发生的是，在运行时，我得到了以下调试输出：

“react router dom”不包含名为“useParams”的导出

--编辑--

已安装的路由器 dom 版本是 4.2.2。

Answer 1

肯定是版本问题。在这个官方问题中也有讨论。

解决方案：确保您正在使用＜code＞react router dom@

如果您在安装正确版本的模块时遇到困难，那么这是练习的最佳时机，尤其是如果您不这样做，很可能会一次又一次地发生。