react中（父子/祖先/路由）数据和事件的通信方法总结

好久没更博了啊，0.0，最近手头的一个前端控制台项目，我是用阿里开源的ant框架搭建的，用着还是蛮顺手了，在使用过程中，碰到一些数据通信的问题，有些和vue相同，有些不一样的地方还是踩了些坑的，特地整理了下。

1.子组件调用父级的数据和方法

父级组件代码如下，把数据和方法通过props向下传递，在子组件中调用this.props.text即可获得父级数据，调用this.props.checkboxCallback()即可调用父级方法

render() {
	const text = this.state.text;
	const checked = this.state.checked;
	return (
		<Row>
			<Col span={24}>
				<ChildComponent 
					ref="child1"
					text={text} 
					checked={checked} 
					inputCallback={this.inputCallback} 
					checkboxCallback={this.checkboxCallback}
				>
				</ChildComponent>
				<button onClick={() => this.log('lemon')}>console</button>
				<button onClick={() => this.changeParentPars()}>改变父层级的值</button>
			</Col>
		</Row>
	)
}

用props这