react父组件与子组件进行通信

在使用react组件时，父子组件之间经常需要进行通信，那么是如何具体实现的呢？ 如下：

父组件：

class Parent extends Component {
    constructor(props) {
        super(props);
        this.state = {
            childA:""
        };
     }
     handleChild = (value) => { // 对子组件进行操作的方法
        this.setState({
            childA: value
        });
    }
    renderBody() {
            const { childA } = this.state;
            return ( //调用子组件，并将需要的参数和调用的方法进行传递
                <Child childValue={childA} 
                    handleChild={this.handleChild}
                 />
            )
        }
    }}

子组件：

class Child extends Component {

render() {
	const { childA, handleChild } = this.props;  // 这里获取的是父组件传过来的值和方法
    return (
		<div onClick={handleChild}>
			{childA}
		</div>
	);
}

父组件和子组件之间的通信主要是通过this.props来实现的，在父组件中在调用子组件时，将值传到子组件中。

子组件中通过this.props来获取父组件传过来的值和方法。