react
文章平均质量分 97
木子石@
这个作者很懒,什么都没留下…
展开
-
简单实现redux+react
安装: npm install --save redux redux是所有语言都可以使用的,并不是只有react可以使用 有专门的react-redux 与react的绑定库和开发者工具 npm install --save react-redux npm install --save-dev redux-devtools redux的三大原则 一、单一数据源,整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中。 二、St原创 2020-06-30 17:20:18 · 254 阅读 · 0 评论 -
简单实现react+mobx
前面写过关于react+redux的文章 简单实现react+redux 这里对Redux和Mobx进行简单的对比: Redux的编程范式是函数式的而Mobx是面向对象的; 因此数据上来说Redux理想的是immutable(不可更改)的,每次都返回一个新的数据而Mobx从始至终都是一份引用。因此Redux是支持数据回溯的; 然而和Redux相比,使用Mobx的组件可以做到精确更新,这一点得 益于Mobx的observable; 对应的,Redux是用dispath进行广播,通过Provider和conn原创 2020-06-30 20:20:24 · 664 阅读 · 0 评论 -
react中实现简单的动效
在react中如何实现一个简单的动效 需要使用一个插件: npm install react-transition-group -s //导入 import {Fragment} from 'react' import {CSSTransition} from 'react-transition-group' //需要实现动画效果的页面 <Fragment> <CSSTransition in={this.state.shows} // 如果this.state原创 2020-07-15 10:06:47 · 610 阅读 · 0 评论 -
react 实现权限管理和页面动态渲染树形控件
react权限管理 后端数据返回示例 { code: 200, userInfo: { name: '李四', age: '22', sex: '男' }, menuInfo: [ { menuId: 0, menuName: "首页", menuUrl: "/home/table", pathname: "Dish"原创 2020-07-15 10:20:23 · 1744 阅读 · 0 评论 -
解决react直接使用ref警告问题
有两种方式可以解决这个问题 先来介绍第一种方式,使用React.createRef() API 在构造函数里面使用React.createRef() 复制代码 constructor() { super(); this.author=React.createRef() } 在需要使用refs的标签上绑定: 复制代码 <p classname="emails"><span>email:</span> <input ref="{this.author}原创 2020-07-15 10:46:43 · 1085 阅读 · 0 评论