标签:React

React父子组件、兄弟组件传值(基础组件通信)

作为组件化开发,组件之间的传值是项目开发中必不可少的一部分。

基础组件的传值包含三类:父组件向子组件传值,子组件向父组件传值,兄弟组件(同级组件)的传值。

父组件向子组件传值

创建父组件 index.js

Read More.

项目中mixin.less的注入及使用

前言

有的时候写项目,需要一些通用的css样式来实现一些功能,比如居中、渐变、单行溢出省略号、多行溢出省略号等.
项目使用的less预处理器,所以整理了一些常见的mixin函数

实现

新建mixin.less文件:

Read More.

React的生命周期

React的生命周期分为以下两个大类:

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()

Read More.

React中constructor及super

constructor( )

Reactconstructor表示父类的构造方法,用来新建父类的this对象,这是ES6对类的默认方法,该方法是类中必须有的,如果没有显示定义,则会默认添加空的constructor( )方法。

class Point {
}

// 相当于
class Point {
  constructor() {}
}

super( )

Read More.