你应该如何传递带有Redirect组件的props ,而不让它们expose 在url中?

像这个<Redirect to="/order?id=123 />"?我用的是react-router-dom.

推荐答案

你应该先在应用程序中定义的路由中传递props .js

<Route path="/test/new" render={(props) => <NewTestComp {...props}/>}/>

然后在第一个组件中

<Redirect
            to={{
            pathname: "/test/new",
            state: { property_id: property_id }
          }}
        />

然后在重定向的NewTestComp中,你可以像这样在任何地方使用它

componentDidMount(props){
console.log("property_id",this.props.location.state.property_id);}

Reactjs相关问答推荐

为什么VScode中的React应用程序无法识别文件夹 struct ?

迁移到React Router Dom v6后,我是否错误地使用了Link组件?

Npm运行构建`在Next.js 14中不起作用

使用VITE的Reaction应用程序的配置是否正确?

生产部署:控制台中 Firebase 无效 api 密钥错误

useEffect内部的RETURN语句在首次按钮点击事件中似乎无效的原因是什么?

下一个js如何从另一个组件更新组件?

Redux Toolkit 配置,是否适用于全栈应用程序?

React - 拖放 UML

在 React 中,为什么在使用 addEventListener 时外部元素上的 onclick 事件监听器在内部元素的 onclick 事件监听器之前执行?

Material UI v5.11 - Prop sx 在响应式中写了两次

表单错误后 Ionic React 无法 Select 单选按钮

作为单个变量的 React 组件是否比 memoized 组件渲染得更快?

在复选框中react 检索选中的值

当状态改变时如何执行一些动作,但只针对第一次更新?

无法重用我的组件,它只显示 1 次

如何在 React JS 上使文本中的单词可点击

Axios 删除在带有授权令牌的react js 中不起作用

在状态中存储多个选定的选项

如何在按钮左下角制作 Material UI 菜单下拉菜单