react 函数式组件 使用history.push的第二个参数完成路由传值的方法,此方法可类似于post传值,不在地址上显示。实现更优雅的传值

8 篇文章 0 订阅
5 篇文章 0 订阅
history.push(`自己的地址`, {standard:standardType});

第二个参数为自己需要传递的值,以键值对的方式传递
接受:

const history = useHistory();//声明
const standardType = history.location.state.standard;//可获取到上面传递的值。

次方法传递参数可避免参数中有/ / /
特殊字符带来的路径不对的坑。而且隐藏了需要传递的值,安全性更高。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React 是一种非常灵活的 JavaScript 库,提供了一种使用组件构建应用程序的方。在 React 中,组件可以是类组件也可以是函数组件。JavaScript 中有许多递数据的方,可以通过 props、context 或 Redux 等方组件递数据。在 React 中,为了方便使用,通常使用 props 来递数据,这种递数据的方通常被称为单向数据流,即数据流只能从父组件流向子组件。但是,在 React 中,兄弟组件之间递数据是有点困难的,因为它们没有任何通信渠道,也无法实时同步。那么在 React 函数组件之间如何进行兄弟组件呢? 一种解决方法是通过父组件来管理所有的状态,然后将状态递给需要的兄弟组件。例如,有一个包含两个组件(ComponentA 和 ComponentB)的父组件,如果 ComponentA 的状态改变了,那么可以通过将状态作为 prop 递给 ComponentB 来同步修改 ComponentB 的状态。这种方法是非常有效的,但是当状态和组件之间的依赖关系变得复杂时,就会变得很难维护。 另一种解决方法使用 Redux。Redux 是一个 JavaScript 状态容器,用于管理应用程序中的所有状态。它使用单一存储来存储应用程序中的所有状态,因此,在 Redux 中,兄弟组件之间递数据变得容易。这种方需要学习诸如状态、Action、reducer、dispatch 等概念,所以需要投入一些学习成本。 还有一种解决方法使用 React Context。Context 提供了一种跨多个组件递数据的方法,而不必将数据从父组件递到子组件。可以将Context看作是创建全局变量的方,可以使子组件访问 Context 中的任何数据。但这也有一些注意事项和使用场景。 总之,在 React 函数组件兄弟组件递数据是可行的。以上列举的三种方都是有效的解决方法。这三种方法根据应用场景和需求选择不同的方将有助于开发人员好地管理和维护 React 代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值