摘要: 父组件的输入框一直在变,那么子组件也一直在渲染,单个的父子组件传值可能不影响,项目复杂会影响性能。 这个时候需要在子组件数据更新shouldComponentUpdate的生命周期中加入判断: shouldComponentUpdate有两个参数: nextProps:变化后的属性 nextStat 阅读全文
posted @ 2019-11-19 17:12 林玖女神 阅读(128) 评论(0) 推荐(0) 编辑
摘要: React声明周期的四个大阶段: 1-Initialization:初始化阶段。 2-Mounting: 挂载阶段。 3-Updation: 更新阶段。 4-Unmounting: 销毁阶段 Mounting阶段 Mounting阶段叫挂载阶段,伴随着整个虚拟DOM的生成,它里边有三个小的生命周期函 阅读全文
posted @ 2019-11-19 16:20 林玖女神 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 例一:获取输入框输入的信息,代替e.target.value <div> <label htmlFor='addService'>项目名称</label> <input id='addService' ref={(input)=>{this.input=input}} className='inpu 阅读全文
posted @ 2019-11-19 14:51 林玖女神 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 单项数据流:父组件传过去的值,子组件只可以使用不能修改,子组件想修改的话,必须通过触发父组件的方法去修改。 PropTypes检验是为了以后更好的维护业务逻辑,项目越来越大时,不会导致业务逻辑混乱 PropTypes校验传递值使用方法: (1)在接收值的子组件中引入 import PropTypes 阅读全文
posted @ 2019-11-19 11:14 林玖女神 阅读(218) 评论(0) 推荐(0) 编辑
摘要: (一)父组件向子组件传值: 父组件向子组件传递内容,靠属性的形式传递。 {/*父组件*/}import React,{Component,Fragment} from 'react' import Item from './item' import './style.css' class ItemL 阅读全文
posted @ 2019-11-19 09:57 林玖女神 阅读(462) 评论(0) 推荐(0) 编辑