react实现数据监听方式_React_

 componentWillReceiveProps(newProps)  {      参数为给组件传递的参数  }

componentDidUpdate(prevProps,prevState){     参数分别为改变之前的数据状态对象     if(prevState.属性名!=this.state.属性名)     {         ...     } }

import React, { Component } from 'react';   export default class Group extends Component {   constructor(props) {     super(props);     this.state = {       show: true,       title: '大西瓜'     };     // 写法一：事件绑定改变this指向     this.showFunc = this.showFunc.bind(this);   }   // 调用该方法   showFunc() {     this.setState({       show: false     });   }   render() {     let result = this.state.show ? this.state.title : null;     return (       
         触发         {result}       
     );   } }

import React, { Component } from 'react';   export default class Group extends Component {   constructor(props) {     super(props);     this.state = {       show: true,       title: '大西瓜'     };   }   // 第二种，通过箭头函数改变this指向   showFunc = () => {     this.setState({       show: false     });   };   render() {     let result = this.state.show ? this.state.title : null;     return (       
         触发         {result}       
     );   } }

import React, { Component } from 'react';   export default class Group extends Component {   constructor(props) {     super(props);     this.state = {       show: true,       title: '大西瓜'     };   }   // 调用该方法   showFunc() {     this.setState({       show: false     });   }   render() {     let result = this.state.show ? this.state.title : null;     return (       
          this.showFunc()}>触发         {result}       
     );   } }