Javascript 在React js中的屏幕之间导航

我正在尝试实现一个按钮，当我在React Js中单击“更改到另一个屏幕”时，它会给我一个error:TypeError:Cannot read属性“push”of undefined。我不知道还能做什么。我做错了什么？谢谢

从“/LinkForm”导入LinkForm；
从“/Links”导入链接；
从“./firebase”导入{db}；
从“react Router dom”导入{BrowserRouter as Router，Route，useHistory}；
从“react router”导入{withRouter}；
常量链接=（道具）=>{
const addOrEditLink=async（linkObject）=>{
等待db.collection（“links”）.doc（）.set（linkObject）；
console.log（“添加了新任务”）；
};
const history=useHistory（）；
返回(
{
props.history.push（“/links”）；
}}
>
回家吧
);
};
使用路由器（链路）导出默认值更改

<button
    onClick={() => {
        props.history.push("/links");
    }}>
    Go Home
</button>

{
props.history.push（“/links”）；
}}>
回家吧

到

从“react Router dom”导入{BrowserRouter as Router、Route、useHistory、Link}；
回家吧
你有什么道具？试试看

onClick={() => {
              history.push("/links");
            }}

const-history
，它已经在作用域中可用，不在
props
.props.history.push（“/links”）中；你试图通过道具进入历史，但历史并不存在于道具上。它已存在于变量历史记录中。
onClick={() => {
              history.push("/links");
            }}