随笔分类 -  react

withRouter 摘
摘要:1.目的就是让被修饰的组件可以从属性中获取history,location,match 路由组件可以直接获取这些属性,而非路由组件就必须通过withRouter修饰后才能获取这些属性了 2.withRouter是专门用来处理数据更新问题的 在使用一些redux的的connect()或者mobx的in 阅读全文
posted @ 2019-11-25 15:14 不了无明 阅读(231) 评论(0) 推荐(0)
react-mobx-2
摘要:observable 装饰器(Decorators) // 如果没有传入装饰器,默认为对任意键值对使用 observable.deep,对 getters 使用 computed 。 Computed values(计算值) Actions(动作) 阅读全文
posted @ 2019-10-11 14:38 不了无明 阅读(450) 评论(0) 推荐(0)
react-mobx-1
摘要:原则: eg: 阅读全文
posted @ 2019-09-26 11:41 不了无明 阅读(283) 评论(0) 推荐(0)
react-redux-数据流
摘要:redux是严格的单向数据流 1,store.dispatch(action) 2, reducer(previousState, action), reducer是纯函数。它仅仅用于计算下一个 state 阅读全文
posted @ 2018-03-07 10:38 不了无明 阅读(144) 评论(0) 推荐(0)
react-redux-store
摘要:store是联系state 和 reducer的部分 Store 有以下职责: 维持应用的 state; 提供 getState() 方法获取 state; 提供 dispatch(action) 方法更新 state; 通过 subscribe(listener) 注册监听器; 通过 subscr 阅读全文
posted @ 2018-03-06 11:05 不了无明 阅读(251) 评论(0) 推荐(0)
react-redux-reducer
摘要:reducer是对dispatch(action)的响应,是一个纯函数,接受旧的state和action,返回新的state. 纯函数是指不依赖于且不改变它作用域之外的变量状态的函数,纯函数的返回值只由它调用时的参数决定,它的执行不依赖于系统的状态(比如:何时、何处调用它)。 state设计:尽可能 阅读全文
posted @ 2018-03-01 18:32 不了无明 阅读(321) 评论(0) 推荐(0)
react-redux-action
摘要:Action 是把数据从应用(view等)传到 store 的有效载荷,store.dispatch() 将 action 传到 store。 单独的模块存放action Redux 中只需把 action 创建函数的结果传给 dispatch() 方法即可发起一次 dispatch 过程。 阅读全文
posted @ 2018-03-01 15:46 不了无明 阅读(1064) 评论(0) 推荐(0)
react全家桶-路由
摘要:/src目录下新增一个pages目录,用于存放渲染页面的组件 在/src/pages中新增一个Add.js文件 /src 下的index.js 路由:import React from 'react'; import ReactDOM from 'react-dom'; import { Brows 阅读全文
posted @ 2017-09-11 13:15 不了无明 阅读(138) 评论(0) 推荐(0)
react全家桶-服务端与客户端配置
摘要:全家桶内装有: react - github react-router - github redux - github react-redux - github react-router-redux - github redux-saga - github immutable - github re 阅读全文
posted @ 2017-09-08 13:16 不了无明 阅读(335) 评论(0) 推荐(0)
jsx
摘要:JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的,在编译过程中就能发现错误。 阅读全文
posted @ 2017-09-04 03:27 不了无明 阅读(231) 评论(0) 推荐(0)
react与vue的对比
摘要:模板: 数据状态: 数据渲染速度: 跨平台 总结: ue的优势是: 模板和渲染函数的弹性选择 简单的语法和项目配置 更快的渲染速度和更小的体积 React的优势是: 更适合大型应用和更好的可测试性 Web端和移动端原生APP通吃 更大的生态系统,更多的支持和好用的工具 阅读全文
posted @ 2017-09-04 03:04 不了无明 阅读(272) 评论(0) 推荐(0)