摘要: Redux实现原理解析 为什么要用redux 在React中,数据在组件中是单向流动的,数据从一个方向父组件流向子组件(通过props),所以,两个非父子组件之间通信就相对麻烦,redux的出现就是为了解决state里面的数据问题 Redux设计理念 Redux是将整个应用状态存储到一个地方上称为s 阅读全文
posted @ 2023-02-28 08:11 beifeng11996 阅读(37) 评论(0) 推荐(0) 编辑
摘要: High Order Component(包装组件,后面简称HOC),是React开发中提高组件复用性的高级技巧。HOC并不是React的API,他是根据React的特性形成的一种开发模式。 HOC具体上就是一个接受组件作为参数并返回一个新的组件的方法 const EnhancedComponent 阅读全文
posted @ 2023-02-28 08:11 beifeng11996 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 用户不同权限 可以查看不同的页面 如何实现? Js方式 根据用户权限类型,把菜单配置成json, 没有权限的直接不显示 react-router 方式 在route 标签上 添加onEnter事件,进入路由之前替换到首页 <Route path="/home" component={App} onE 阅读全文
posted @ 2023-02-28 08:10 beifeng11996 阅读(155) 评论(0) 推荐(0) 编辑
摘要: Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理。我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变。本文只会实现Redux的核心库,跟其他库的配合使用,比如React-R 阅读全文
posted @ 2023-02-28 08:10 beifeng11996 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 提问:react项目中的JSX里,onChange={this.func.bind(this)}的写法,为什么要比非bind的func = () => {}的写法效率高? 声明: 由于本人水平有限,有考虑不周之处,或者出现错误的,请严格指出,小弟感激不尽。这是小弟第一篇文章,有啥潜规则不懂的,你们就 阅读全文
posted @ 2023-02-28 07:40 beifeng11996 阅读(8) 评论(0) 推荐(0) 编辑