state或者props发生改变，render（）j就会执行一次。
父组件的render（）被重新执行时，它的子组件的render（）都会重新执行。
使用函数式创建import{render}from'react-dom';functionHello(props){return(<div>{props.name}</div>)}render(<Hellona…
当组件更新时，如果组件的props和state都没发生改变，render方法就不会触发，用PureComponent省去VirtualDOM的生成和比对过程，达到提升性能的目的。反之如果组件的props和state经常发生改变则用Compo…
一.PropTypes与DefaultProps官方文档1.PropTypes属性校验引入PropTypesimportPropTypesfrom'prop-types';强校验props属性eg:importReact,{Componen…
一、理解state是组件对象最重要的属性,值是对象(可以包含多个key-value的组合)组件被称为"状态机",通过更新组件的state来更新对应的页面显示(重新渲染组件)二、强烈注意组件中render方法中的this为组件实例对象组件自定…
当组件当state和props发生变化当时候，组件当render函数就会重新执行，组件就会被重新渲染，react中实现这种重新渲染，他的性能是非常高的，因为他引入了一个虚拟Dom的概念，那么什么是虚拟的Dom，为什么虚拟Dom带来了变革性当…
我们很明显的能够感受到，react是一门数据驱动的框架，当数据发生变化，页面就会自动发生变化，他背后的原理是怎么样子的呢比如todolist例子里面，inputValue变了，框里面的内容就会自动变。同时input框里面见监听了onChan…
本案例在上一篇的案例(React组件之间通过Props传值的技巧(小案例，帮助体会理解props、state、受控组件和非受控组件等))的基础上加强功能和用户体验，但是当然还有很多需要改进的地方，后期一步步慢慢增强：importReact,…
扩展:在React中,构造函数仅用于以下两种情况1)通过给this.state赋值对象来初始化内部state2)为事件处理函数绑定实例在构造函数中注意事项:在为ReactComponent子类实现构造函数时,应该其他语句之前调用super(…