使用Redirect组件传递道具

使用Redirect组件传递道具

本文介绍了ReactJS - 使用Redirect组件传递道具的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何使用 Redirect 组件传递道具而不将它们暴露在网址中?

How should you pass props with the Redirect component without having them exposed in the url?

喜欢这个< Redirect to =/ order?id = 123 />?我正在使用 react-router-dom

Like this <Redirect to="/order?id=123 />"? I'm using react-router-dom.

推荐答案

你可以使用重定向传递数据:

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

这就是你可以访问的方式:

and this is how you can access it:

this.props.location.state.id

,用于在重定向/历史记录道具中传递州和其他变量。

The API dcoumentation for passing state and other variable in Redirect / History prop.

资料来源:

这篇关于ReactJS - 使用Redirect组件传递道具的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-13 04:40