React组件的固有方法

2018-11-27  本文已影响0人  Lonely小宇

定义一个React组件时,组件本身就带有一些特殊的属性和方法,这是一个完整的React的组件,他的这些方法名不应被自定义方法或属性占用,且这些方法本身就会在某些特定的情况下自动执行

示例

Class Example extends Component {
  constructor(props) {
    super(props);//继承父级的this及props,如果constructor中没有用到props可不填参数默认继承只this,建议填写
    this.state = {  //初始数据
      number: 0,
      bool: true,
      data:  this.props
  }

  componentWillMount() {
    console.log('组件将要挂载时执行此函数');//多用于服务端渲染
  }

  componentDidMount() {
    console.log('组件挂载时执行此函数');//第一次渲染完成,dom已生成
  }

  componentWillUnmount() {
    console.log('组件将要卸载时执行此函数');
  }

  render() {
    return (
      <div>这是组件的html模板</div>
    );
  }
}
上一篇 下一篇

猜你喜欢

热点阅读