当前位置: 首页 > 面试题库 >

ReactJS-通过Redirect组件传递道具

滕学义
2023-03-14
问题内容

如何在Redirect不暴露URL的情况下将prop与组件一起传递?

这样<Redirect to="/order?id=123 />"吗?我正在使用react-router-dom


问题答案:

您可以这样传递数据Redirect

<Redirect to={{
            pathname: '/order',
            state: { id: '123' }
        }}
/>

这是您可以访问的方式:

this.props.location.state.id

该API文档解释了如何通过状态和其他变量重定向/历史道具。

来源:https :
//github.com/ReactTraining/react-router/blob/master/packages/react-
router/docs/api/Redirect.md#to-object



 类似资料:
  • 问题内容: 我只是在 文档中读到以下错误,它将影响渲染时间。如果是这种情况,我该如何重构代码并使用所需的道具来创建动态样式? 先感谢您。 标签组件 问题答案: 我相信文档在说的是您应该避免在渲染组件中包含样式: 做这个 代替这个 因为发生的是组件的Props更改,所以组件将重新渲染并且样式将重新生成。因此,有必要将其分开。 因此,如果您进一步阅读 基于道具 的 适应 部分,他们将对此进行解释: 之

  • 我试图传递一个包装组件作为道具。在React中,这样的事情在技术上是可能的吗?

  • 我无法使用反应路由器通过道具。我到现在为止的代码: 错误截图 我正试图访问控制台中的id,就这么简单。 错误仅在我尝试传递道具时显示 源链接:https://reacttraining.com/react-router/web/api/Route/route-props

  • 当我点击按钮时: -迭代所有tr并将其所有输入的名称收集到数组(这已经完成了) - 我还从输入和触发名称的两个文本中获取数据 - 通过ajax将所有(一个数组和两个文本)发送到asp.net.cs(不起作用)

  • 对于Eample: 我在谷歌上搜索了这个问题,我发现我找到的答案已经过时了 关于StackOVerflow的几个问题 reactJS:为什么将组件初始状态传递为prop是反模式? reactJS:如何在呈现组件时传递初始状态? 但是我在React博客中发现了这个帖子:React v0.13.0 Beta 1 在这篇文章中,author做了我想做的事情,据我所知,现在是不推荐的。 所以问题是:通过道

  • 我是vue的初学者。我最近开始学习vue。我在vue组件中添加了一个道具。我认为代码似乎是正确的。但发生了一个错误。有人告诉我如何将字符串或数字传递给childComponent,以及如何检查它吗。 应用程序。vue 样品刀身php