React父子组件、兄弟组件传值(基础组件通信)
作为组件化开发,组件之间的传值是项目开发中必不可少的一部分。
基础组件的传值包含三类:父组件向子组件传值,子组件向父组件传值,兄弟组件(同级组件)的传值。
父组件向子组件传值
创建父组件 index.js
作为组件化开发,组件之间的传值是项目开发中必不可少的一部分。
基础组件的传值包含三类:父组件向子组件传值,子组件向父组件传值,兄弟组件(同级组件)的传值。
父组件向子组件传值
创建父组件 index.js
前言
有的时候写项目,需要一些通用的css
样式来实现一些功能,比如居中、渐变、单行溢出省略号、多行溢出省略号等.
项目使用的less
预处理器,所以整理了一些常见的mixin
函数
实现
新建mixin.less
文件:
1. 挂载及卸载过程
1.1.constructor()
1.2.componentWillMount()
1.3.componentDidMount()
1.4.componentWillUnmount ()
2. 更新过程
2.1.componentWillReceiveProps (nextProps)
注解:(此生命周期函数触发需要两个条件:1、一个子组件从父组件中接受props参数。2、该子组件已经存在于父组件中才会执行。即:若子组件第一次存在于父组件中,不会执行。)
2.2.shouldComponentUpdate(nextProps,nextState)
2.3.componentWillUpdate (nextProps,nextState)
2.4.componentDidUpdate(prevProps,prevState)
2.5.render()
constructor( )
在React
中constructor
表示父类的构造方法,用来新建父类的this
对象,这是ES6
对类的默认方法,该方法是类中必须有的,如果没有显示定义,则会默认添加空的constructor( )
方法。
class Point {
}
// 相当于
class Point {
constructor() {}
}
super( )