08 2018 档案

Redux入门
摘要：安装 npm install --save redux react绑定库和开发者工具 npm install --save react-redux npm install --save-dev redux-devtools 几个概念： 如何创建Redux store存放应用状态,api是 { sub 阅读全文
posted @ 2018-08-10 10:31 shuaibijian 阅读(142) 评论(0) 推荐(0)
react类方法的绑定
摘要：首先我们需要明白 什么是单向数据流？ 你通过onClick触发一个动作，再通过函数/类方法修改组件的state，最后通过render()方法再次运行来更新界面 class App extends Component{}不能完成this的自绑定，所以采用以下方式 官方推荐的方法 this.onClic 阅读全文
posted @ 2018-08-09 11:44 shuaibijian 阅读(420) 评论(0) 推荐(0)
react组件
摘要：官方推荐的： ES6类组件： 继承自Component组件类，会注册所有生命周期方法。 函数式无状态组件 这类组件就是函数，接收一个输入props,输出一个普通的jsx组件实例。不能通过this.state,this.setState()访问。它也没有生命周期方法 React.createClass 阅读全文
posted @ 2018-08-09 11:44 shuaibijian 阅读(105) 评论(0) 推荐(0)
PropType类型
摘要：基本使用如下： Button.propTypes = { onClick: PropTypes.func.isRequired, className: PropTypes.string, children: PropTypes.node.isRequired, } 基本以及复杂类型有： .PropT 阅读全文
posted @ 2018-08-09 11:43 shuaibijian 阅读(3183) 评论(0) 推荐(0)
高阶组件
摘要：高阶组件(HOC)是react的高级概念。HOC与高阶函数等价，它接受任何输入-多数情况下是一个组件，返回一个输入组件的增强版本 例如： function withLoading (Component){ return function(props){ return prisLoading ? <L 阅读全文
posted @ 2018-08-09 11:43 shuaibijian 阅读(192) 评论(0) 推荐(0)
关于react生命周期
摘要：react生命周期有三种状态1初始化2更新3销毁 初始化阶段 1 getDefaultProps(); 设置组件的默认属性,也可以defaultProps：{}设置 2 getInitialState(); ES6中直接继承Component类，使用this.state={}，此时可以访问this. 阅读全文
posted @ 2018-08-06 16:00 shuaibijian 阅读(178) 评论(0) 推荐(0)

点击右上角即可分享
微信分享提示