React，react路由器useHistory。未捕获的错误:钩子调用无效

文章/答案/技术大牛

发布

1回答

reactjs、react-router、react-hooks

我只有一个React的副本，用npm ls react检查过了，react和react-dom是同一个版本，我没有违反任何钩子规则，对吧？我不知道还能做什么。You might have mismatching versions of React and the renderer (such as React DOM) 2.You might have more than one copy of React in the same a

浏览 66提问于2020-06-03得票数 4

3回答

useHistory react路由器-dom无效钩子调用

reactjs、react-router、react-hooks、react-router-dom

我正在尝试从react-router-dom实现react-router-dom钩子，但它似乎不起作用。抛出无效钩子调用import React, { Component } from 'react';import { Signup } from '.from 'react'; import { useHistory } fr

浏览 5提问于2021-01-01得票数 4

1回答

ReactNode中缺少历史定义

reactjs、typescript、react-router

我编写了一个Login组件，它包含必须访问组件的history对象的钩子useEffect： // es-lint-disable-next-line尽管我已经将React.ReactNode定义为组件的props类型，但我得到：类型'

浏览 0提问于2020-09-20得票数 0

回答已采纳

1回答

React路由器history.push()更改了url，但未呈现组件内容

reactjs、react-router-dom

我正在尝试一些React路由器的东西，但在点击表单的提交按钮后，我仍然纠结于如何呈现另一个组件。index.tsx import { Router } from "react-router-dom" ReactD

浏览 47提问于2021-11-01得票数 1

回答已采纳

2回答

无法在React中安装"useHistory“

javascript、reactjs、npm、react-hooks、react-router-dom

我遵循以下步骤：在执行以下步骤后，我将得到以下错误：出口'useHistory‘(作为’useHistory‘进口)在’

浏览 11提问于2022-10-27得票数 3

回答已采纳

3回答

错误:无效的钩子呼叫反应路由器useHistory

javascript、reactjs、react-router、react-hooks

这样做是可行的： let history = useHistory(); <div onClick={() => history.push); return <div>{children}</div>}错误:无效钩子调用。钩子只能在函数组件的主体内调

浏览 6提问于2020-06-14得票数 0

回答已采纳

2回答

×TypeError: history.push不是一个函数

reactjs、typeerror

history.push(redirect); 23 | },[userInfo,history,redirect])我有这些Login.js文件，我想在我的应用程序中登录，但是它显示了错误

浏览 5提问于2022-05-24得票数 0

3回答

导航栏中的React* Router动态链接*

reactjs、react-router-dom

我正在尝试建立一个导航栏，其中的链接根据window.location.pathname的变化。但是，当页面更改时，链接不会重新呈现。让它工作的最简单的方法是什么？Saved Recipes </Button>任何帮助将非常感谢，因为我是新的反应，并提前道歉，如果这是一个愚蠢的问题！

浏览 1提问于2021-06-28得票数 0

10回答

试图导入错误：“useHistory”不是从“react路由器-dom”导出的。

reactjs、react-hooks

useHistory给出了这个错误： import React, { useState, Fragment } from '<

浏览 15提问于2020-07-12得票数 244

回答已采纳

2回答

“this.props.history.push()”适用于普通页面，但不适用于嵌套组件？

reactjs、react-redux、react-router

我有一个名为Addmember.js的reactjs页面，在这里我可以添加人员。我有一个next按钮，它将通过下面的代码将我带到仪表板上但是真正的问题是，当我在一个新页面中使用Add成员组件时，当我单击next它会显示下面的错误我们会感谢你的帮助！

浏览 2提问于2020-05-06得票数 0

回答已采纳

2回答

在反应性功能组件中表单验证后如何路由用户

reactjs、validation、routes、react-router

我使用链接标签的rap按钮，但当我单击它时，它直接跳过该页面而不进行验证，并且我使用了react引导表单进行验证。

浏览 4提问于2022-01-09得票数 0

7回答

无法读取未定义的属性“历史”( React路由器5的useHistory钩子)

reactjs、react-router、react-hooks、react-router-dom、react-context

我正在使用新的useHistory钩子反应路由器，这是几个星期前出来的。我的反应路由器版本是5.1.2.我的反应是16.10.1版。你可以在底部找到我的密码。然而，当我从react路由器导入新的useHistory时，我会得到以下错误： Uncaught TypeError: Cannot read property 'history&

浏览 8提问于2019-10-03得票数 56

回答已采纳

3回答

响应useHistory，对象类型为“未知”

reactjs、react-router、react-hooks、react-router-dom

我得到错误的对象是类型‘未知’的当使用反应钩子useHisotry，这是细节，谢谢您的帮助！节点版本: v12.14.1react路由器-dom版本: 16.9.8import { useHistory } from"react-router-dom"; const history = useHistory</

浏览 2提问于2021-04-19得票数 1

1回答

我如何在对js的反应中将值推到url？

javascript、reactjs、react-router、react-router-dom

我想在输入的onChange方法中将一些文本推送到url路由，如下所示： return ( <input type="radio" onChange={ (e)=> props.history.push(`/${e.target.value}`) } >)TypeError: Cannot

浏览 0提问于2020-08-21得票数 2

回答已采纳

8回答

使用useHistory、useLocation钩子的钩子调用无效

reactjs、react-router、react-hooks

App.js:import { Router, Route } from 'react-router-dom';import { useLocation, useHistory } from 'react-router-dom'; leth

浏览 5提问于2020-04-29得票数 8

3回答

React js:单击按钮时，React路由器未重定向

javascript、reactjs、react-router、router

我一直收到"TypeError:历史是未定义的“。同样，当按钮被点击时，它会停留在相同的url上。我做错了什么？import React from 'react';import About from './Home'; BrowserRouter as Router, Route, useHistory</em

浏览 30提问于2021-02-11得票数 0

回答已采纳

1回答

RouteComponentProps vs useHistory

reactjs、typescript、react-router、react-router-v5

使用React功能组件和Typescript，使用useHistory钩子和RouteComponentProps (react路由器v5.1)之间会有什么不同吗？使用RouteComponentProps的示例：} const MyFunctionalComponen

浏览 1提问于2020-06-10得票数 3

2回答

响应路由器- url更改，不呈现

javascript、reactjs、react-router、react-router-dom

使用一个到/路由的简单链接，通过React路由器。我让它在路由到根组件(/)时工作得很好，但是当我尝试路由到(/drink/:drinkId)时，它的功能并不像预期的那样，尽管如果我手动访问它，URL会改变，页面也会加载。应用程序组件：import "./App.css"; import Cocktails from &quo

浏览 4提问于2021-03-27得票数 1

回答已采纳

2回答

如何不使用<Link>组件更改URL？

reactjs、react-router-dom

在react中，用户单击<Link>时可以使用<Link>组件更改<Link>。当useState值发生变化时，我需要更改URL。因此，我需要更改useEffect内部的URL。这是如何做到的呢？

浏览 3提问于2021-11-11得票数 0

回答已采纳

1回答

如何使用useEffect钩子执行自定义逻辑并重定向到react或nextjs中的另一个页面

reactjs、next.js

根据用户在主页中选择的下拉列表，我希望将用户重定向到适当的页面。我的方法是创建一个公共组件verify.js并重定向用户。当我选择的时候。

浏览 5提问于2020-11-05得票数 1

回答已采纳

点击加载更多