React-Learning-day03

发表于

生命周期

生命周期即是组件从实例化到渲染，到最终从页面中销毁，整个过程就是生命周期，在这个生命周期中，我们有许多可以调用的事件，也俗称为钩子函数。

生命周期的3个状态：

  • Mounting：将组件插入到DOM中
  • Updating：将数据更新到DOM中
  • Unmounting：将组件从DOM中移除

生命周期中的钩子函数（方法/事件）：

  • CompontWillMount：组件将要渲染，AJAX，添加动画前的类
  • CompontDidMount：组件渲染完毕，添加动画
  • CompontWillReceiveProps：组件将要接收props数据，查看接收props的数据是什么
  • ShouldComponentUpdate：组件接收到新的state或者props，判断是否更新。返回布尔值。
  • CompontWillUpdate：组件将要更新
  • ComponentDidUpdate：组件更新完毕
  • ComponentWillUnmount：组件将要卸载

表单输入

注意：必须绑定value和onChange事件