2018年8月9日
react类方法的绑定
摘要： 首先我们需要明白 什么是单向数据流？ 你通过onClick触发一个动作，再通过函数/类方法修改组件的state，最后通过render()方法再次运行来更新界面 class App extends Component{}不能完成this的自绑定，所以采用以下方式 官方推荐的方法 this.onClic 阅读全文
posted @ 2018-08-09 11:44 shuaibijian 阅读(428) 评论(0) 推荐(0)
react组件
摘要： 官方推荐的： ES6类组件： 继承自Component组件类，会注册所有生命周期方法。 函数式无状态组件 这类组件就是函数，接收一个输入props,输出一个普通的jsx组件实例。不能通过this.state,this.setState()访问。它也没有生命周期方法 React.createClass 阅读全文
posted @ 2018-08-09 11:44 shuaibijian 阅读(110) 评论(0) 推荐(0)
PropType类型
摘要： 基本使用如下： Button.propTypes = { onClick: PropTypes.func.isRequired, className: PropTypes.string, children: PropTypes.node.isRequired, } 基本以及复杂类型有： .PropT 阅读全文
posted @ 2018-08-09 11:43 shuaibijian 阅读(3193) 评论(0) 推荐(0)
高阶组件
摘要： 高阶组件(HOC)是react的高级概念。HOC与高阶函数等价，它接受任何输入-多数情况下是一个组件，返回一个输入组件的增强版本 例如： function withLoading (Component){ return function(props){ return prisLoading ? <L 阅读全文
posted @ 2018-08-09 11:43 shuaibijian 阅读(199) 评论(0) 推荐(0)
2018年8月6日
关于react生命周期
摘要： react生命周期有三种状态1初始化2更新3销毁 初始化阶段 1 getDefaultProps(); 设置组件的默认属性,也可以defaultProps：{}设置 2 getInitialState(); ES6中直接继承Component类，使用this.state={}，此时可以访问this. 阅读全文
posted @ 2018-08-06 16:00 shuaibijian 阅读(183) 评论(0) 推荐(0)
2018年7月21日
git入门
摘要： 本文我通过自己的日常使用，记录我们前端开发中最常用的一些命令，点到为止，不做深层次的探究。毕竟我们是实践者，而非理论家。 首次接触git，是在2017年9月，我在培训课上首次接触到它。老师说他是版本管理工具，用于多人协作的开发模式，之前还有cvs,svn之类的工具。他们都被淘汰在无尽的技术浪潮里；c 阅读全文
posted @ 2018-07-21 14:44 shuaibijian 阅读(238) 评论(0) 推荐(0)