当前位置: 首页 > 知识库问答 >
问题:

如何在React中使用history.push[复制]获取参数

厉高逸
2023-03-14

我在用历史。在函数内的特定页面中按入React,以便在单击按钮后将其按入特定页面

someFunction(paramToPass){this.props.history.push('/abcfolder/TheFileToReceiveParam',{paramToPass});}

当页面打开时,我想在FileToReceiveParam中获取paramToPass,但我不知道如何执行此操作。

如果有人能帮忙,那将是一个很大的帮助。

共有1个答案

丌官招
2023-03-14

以这种方式传递参数后:

this.props.history.push('/my-path', { myParam: paramToPass });

您可以使用目标组件的“location”属性检索此参数:

this.props.location.state.myParam;

根据React Router文档,以下是location对象的示例:

{
  key: 'ac3df4', // not with HashHistory!
  pathname: '/somewhere'
  search: '?some=search-string',
  hash: '#howdy',
  state: {
    [userDefined]: true
  }
}
 类似资料:
  • 在React Router v4中,如何使用传递参数?

  • 我正在尝试使用< code>URLSearchParams从< code>pid参数中获取< code > xsoqsvpbatbrya 94 zuxs 。 下面是我的网址:< code > http://localhost:3000/edit-product?PID = z 4 hlrhgz 1 kkiwlevkm 6 这是我的代码: 知道为什么我会收到以下错误吗:< code>TypeErro

  • 如何使用JQuery获取以下URL的第三个URL段? 和 我想从上面提到的URL的uri护士

  • 我在我的项目中使用react-router-dom 4.0.0-beta.6。我有一个代码如下: 我想在组件中获取查询参数。我找到了参数,如下所示:,因此未解析。 什么是正确的方法来获得查询参数与反应路由器v4?

  • 本文向大家介绍详解react如何在组件中获取路由参数,包括了详解react如何在组件中获取路由参数的使用技巧和注意事项,需要的朋友参考一下 路由参数 假如我们有很多 list 页面,这些页面除了动态内容不同,其他的页面部分都相同,这个时候需要怎么配置路由和组件呢? 这种场景就需要用到路由的参数功能,增加一条包含参数的路由配置。 注意 path 属性中的 :id 就是该路由的参数( param )。

  • 我传递的名称和值处理函数从子组件。 现在我想将状态设置为与提供的名称匹配的值。但是我不知道如何设置它。 我尝试了这种方式(但它给出了错误-'this.set状态不是一个函数'): 子组件的代码为: 设置它的正确语法是什么?