Reactjs 在React中重定向页面

我在React中做一个项目，我被重定向页面卡住了。基本上当我按下按钮的时候 我应该进入另一个页面，但由于某种原因，它不起作用，我得到这个错误类型错误：无法读取未定义的属性“push”。这是我的密码

import React from 'react';
import "./TaskBar.css";
import { useHistory } from 'react-router-dom';

function TaskBar () {
    const history = useHistory();
    const navigateTo = () => history.push('/https://twitter-clone-react-d198a.web.app')
    
    return (
        <div className="taskbar">
            <button className="button"onClick={navigateTo}><img src="/icons/menu.icon.ico.png"/></button> 
        </div>
        )
}


export default TaskBar

从“React”导入React；
导入“/TaskBar.css”；
从'react router dom'导入{useHistory}；
功能任务栏（）{
const history=useHistory（）；
const navigateTo=（）=>history.push（'/https://twitter-clone-react-d198a.web.app')
返回(
)
}
导出默认任务栏

useHistory钩子基于react router dom，如果您在链接上方声明了路由，则仅此链接有效，否则无效。例如，你有3页，1.主页，2.编辑，3.添加

import { BrowserRouter as Router, Route, Switch, Link } from "react-router-dom";
 <Router>
              
                <Switch>
                    <Route exact path="/" component={Home} />
                    <Route path="/Edit/:id" component={Edit} />
                    <Route path="/Add" component={Add} />
                </Switch>
            </Router>

从“react Router dom”导入{BrowserRouter as Router，Route，Switch，Link}；

在任务栏组件中

   import { useHistory } from 'react-router-dom';
function TaskBar () {

const history = useHistory();
const navigateTo = () => history.push('/')  //Home
const navigateTo = () => history.push('/Add')  //Add page
const navigateTo = () => history.push('/Edit/1')  //Edit page with id params

return (


 
    <div className="taskbar">
        <button className="button"onClick={navigateTo}><img src="/icons/menu.icon.ico.png"/></button> 
    </div>)}

从'react router dom'导入{useHistory}；
功能任务栏（）{
const history=useHistory（）；
const navigateTo=（）=>history.push（'/'）//Home
const navigateTo=（）=>history.push（'/Add'）//添加页面
const navigateTo=（）=>history.push（'/Edit/1'）//使用id参数编辑页面
返回(
)}

---

如果您想进入该页面，请使用锚定标记

或使用JavaScript位置进入。href

我认为

useHistory

返回未定义的，如果您有：

。它只适用于它的子组件。对于这个，您可以使用：

this.props.history.push（“/path”）

而不是使用

useHistory

。对于儿童，您可以使用：

with router

或

use history

。还请注意，您可以使用

txt

。我这样做了{window.location.href=''；}}>对不起，它一点也不干净。它导航时不刷新吗？它完全可以，就像我说的那样