react 父组件数据更新 触发 子组件重新渲染

主要是在子组件中加上监听时间（子组件中添加一个生命周期函数）componentWillReceiveProps(nextProps){}

例子：

父组件

import React from 'react';

export default class Parent extends React.Component{
        constructor(props){
            super(props);
            this.state={
              msg:"父组件"
            }
        }

        render(){
            return(
                

                    
{this.setState({mag:"改变msg"})}}>改变父组件msg
                    

                
            )  
        }
}

子组件

import React from 'react';

export default class Child extends React.Component{
        constructor(props){
            super(props);
            this.state={
              childMsg:this.props.data
            }
        }
         //重点部分
         componentWillReceiveProps(nextProps) {
            this.setState({childMsg: nextProps.data});
         }


        render(){
            return(
                

                    
{this.state.childMsg}
                
            )  
        }
}