在React中未收到来自useHistory的道具
在React中，未收到来自useHistory的道具是指在使用React Router库时，使用了useHistory钩子但未能正确接收到来自父组件的props。
React Router是一个用于构建单页应用的库，它提供了一些钩子函数和组件，用于管理应用的路由。其中，useHistory是一个自定义钩子函数，用于访问浏览器历史记录并进行导航。
在使用useHistory钩子时，通常需要将其作为组件的props传递进来。这可以通过父组件在路由配置中进行设置，或者通过React的上下文机制进行传递。
如果在React中未收到来自useHistory的道具，可能有以下几种原因和解决方法：
- 父组件未正确配置路由：确保父组件中正确配置了React Router，并将路由相关的props传递给子组件。可以参考React Router的官方文档进行配置。
- 上下文传递问题：如果使用了上下文传递useHistory钩子，确保上下文提供者正确包裹了组件，并且上下文值已经正确传递给了子组件。可以检查上下文提供者和使用者的代码，确保没有遗漏或错误。
- 组件嵌套问题：如果组件嵌套较深，可能需要通过中间组件将useHistory钩子传递给目标组件。可以在中间组件中接收useHistory钩子，并将其作为props传递给目标组件。
总之，未收到来自useHistory的道具可能是由于路由配置、上下文传递或组件嵌套等问题导致的。需要仔细检查代码，确保正确配置和传递useHistory钩子，以便在React中正常使用。
相关·内容
我正在设计一个web应用程序，每当用户登录或注册时，我希望应用程序重定向到具有新导航栏的主页。为此，在收到来自axios的请求后，我使用React useHistory方法将当前组件替换为如下所示的主页 state: { /&#
浏览 19提问于2021-05-19得票数 1
我在使用React Router时遇到了一点问题，我似乎无法解决这个问题。它不会返回到最后访问的页面，而是它加载的第一个页面。下面是一个例子。index.js：import ReactDOM from 'react-dom';
import { BrowserRouter as Router它跳过最后一次访问的页面，并将我带回第一个加载的页
浏览 23提问于2019-10-30得票数 4
下面是ListEmployeeComponent的代码import EmployeeService from '..from 'react';import {BrowserRouter as Router} from 'react-router-dom';
im
浏览 15提问于2022-01-22得票数 0
我是新的，正在开发react js中的简单仪表板。我的App.js文件是 <BrowserRouter> <div> <Route exactchannelName_coverted
{(x.ChannelName).replace("_"," ")}
浏览 26提问于2021-01-31得票数 1
回答已采纳
我使用nodejs、reactjs和spring编写了我的第一个应用程序，使用教程，除了按钮没有按预期工作之外，所有程序都很好，因为当我单击它们时，链接会在浏览器地址中更新，但是直到我按下F5重新加载时没有图片是很难解释的，所以我附上了一个带有文字的打印屏幕。
所以我可以添加客户，删除和编辑.但是每次单击按钮后，我必须按F5才能实际加载目标页面。我在Chrome、Edge和Opera中尝试过这一点，而在所有浏览器中，行为都是一样的。这似乎是非常基本<e
浏览 6提问于2022-10-31得票数 0
回答已采纳
1回答
登录后反应重定向
、、
我在React应用程序中有一个ajax登录。它处理LoginForm组件。应用程序在ajax登录后也使用，我想做一些类似于重定向到另一个React页面的操作。我不知道如何正确地重定向从登录页面到主页成功登录后。有人能帮帮我吗？我正在使用课堂风格来制作组件。这是来自LoginForm组件的代码： { this.setState({'e
浏览 2提问于2020-08-13得票数 1
回答已采纳
登录后，我没有重定向到我的用户页面，我正在使用react metronic主题。我认为这里的props.history.push()有问题，我到目前为止所做的事情。<Redirect to="error/error-v1"/> </Suspense>} 这是我在登录按钮后触发的操作但我不会重定向到我想要的</e
浏览 25提问于2020-10-21得票数 1
我有一个名为Addmember.js的reactjs页面，在这里我可以添加人员。我有一个next按钮，它将通过下面的代码将我带到仪表板上但是真正的问题是，当我在一个新页面中使用Add成员组件时，当我单击next它会显示下面的错误我们会感谢你的帮助！
浏览 2提问于2020-05-06得票数 0
回答已采纳
2回答
如何与其他道具一起使用历史道具？
、、、、
我将react-router-dom与react结合使用。我正试着用history prop做其他的道具 function redirect<button onClick={redirect}>Some Button</button> );
expo
浏览 0提问于2020-04-25得票数 0
回答已采纳
3回答
在用户submit记录之后，如果它成功，我们的页面应该重定向到ListCertificate。用户成功保存后，我们的页面应该重定向到ListCertificate组件。所以我在写 console.log
浏览 8提问于2021-12-06得票数 1
回答已采纳
2回答
我认为警告来自于to={/patient/${patient.id}} component={Link}
<TableContainer className={styles.tableContainer
浏览 5提问于2021-06-06得票数 0
回答已采纳
<HomeNavbar /> : <BackNavbar />}const App = () => { if (window.location.pathname
浏览 1提问于2021-02-12得票数 0
回答已采纳
1回答
我有一个收藏夹按钮，如果一个未登录的用户点击它，他们应该被重定向到登录页面。<Redirect to="/login" /> : addFavorite(card, props.loggedUser)} 这是我的loggedUser状态： {token: undefined,: undefined, favorites: undefined, username: undefined} 我相信这正确地捕捉到了第一种情况，因为addFavorite函数没有运行，但它没有重定向到</em
浏览 14提问于2019-12-18得票数 0
回答已采纳
我希望在使用react完成load()请求后，将用户重定向到"/home“页面。下面是我的代码， function useAnother(Id: string) { const comp = useCurrentComp(Id);fu
浏览 39提问于2020-06-10得票数 1
回答已采纳
我在函数组件中使用history.push("path/...")时遇到了问题。我的问题是当我试图在按钮处理程序中使用函数组件的参数时。我有下一个代码：Example.js ......} <button onClick={handle}>
{text} //This t
浏览 10提问于2021-09-17得票数 4
回答已采纳
我需要将id传递给不同的组件。import { Link } from "react-router-dom";
return ( </Link> );export default Option;
访
浏览 1提问于2021-01-20得票数 1
回答已采纳
useHistory给出了这个错误：
import React, { useState, Fragment } from 'react';
import FormUserDetailsButton from '
浏览 15提问于2020-07-12得票数 244
回答已采纳
import React, { useEffect, useState } from 'react';import{ Button } from 'react-bootstrap';
import NavBarManu from '.<button onClick={() => { login() }} >Login</butt
浏览 7提问于2022-06-06得票数 -1
2回答
我想要的是当我在SignIn屏幕上时，转到MainPage。当我在MainPage > Profile中时，问题就出现了。Button注销不会转到SignIn屏幕。App.js import React from "react";
const Stack = createStackNa
浏览 12提问于2021-02-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
