![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react学习
文章平均质量分 76
react相关
寂3423
古人糟粕在遗经,圣学非由积累成。
展开
-
react路由|react-router-dom(react-router5)
一个路由其实就是一个映射关系。(k:v)key为路径,v为function或component。原创 2023-08-12 11:05:07 · 173 阅读 · 1 评论 -
react|pubsub-js
Pubsub.subscribe(“订阅名”,(msg,data)=》{})Pubsub.publish(“名”,发送的数据);原创 2023-08-12 11:04:31 · 72 阅读 · 1 评论 -
redux|react
而有这么一个库就可以帮助我们来实现,那就是 Redux ,它可以帮助我们实现集中式状态管理。原创 2023-07-15 14:45:28 · 53 阅读 · 1 评论 -
react-redux|react
在前面我们学习了 Redux ,我们在写案例的时候,也发现了它存在着一些问题,例如组件无法状态无法公用,每一个状态组件都需要通过订阅来监视,状态更新会影响到全部组件更新,面对着这些问题,React 官方在 redux 基础上提出了 React-Redux 库在前面的案例中,我们如果把 store 直接写在了 React 应用的顶层 props 中,各个子组件,就能访问到顶层 props如果redux中的状态发生变化,需要使用subscribe函数,重新渲染页面。原创 2023-07-15 16:27:43 · 70 阅读 · 1 评论 -
react|扩展
第二个参数是callback,即setstate完成之后,执行的函数。因为setState调用时是同步的,但是通知state改变是异步的。所以直接在setState后log是未修改之前的state。原创 2023-07-30 15:56:03 · 85 阅读 · 1 评论 -
react-router6|路由
在 React Router 中,最外层的 API 通常就是用 BrowserRouter。BrowserRouter 使用时,通常用来包住其它需要路由的组件,所以通常会需要在你的应用的最外层用它,比如如下。这个库和 React Context 来实现的,所以当你的用户前进后退时,switch的作用是,第一次匹配路由后,之后就不在匹配路由。如果嵌套路由已经挂载,则显示挂载的嵌套路由。这个库会记住用户的历史记录,这样需要跳转时可以直接操作。第二个解构赋值的参数是设置query的变化,不经常使用。原创 2023-08-05 17:02:02 · 243 阅读 · 1 评论