react里面同级组件之间如何通信？

就是比如有一个按钮和一个表格，选中表格中checkbox的项，然后点击按钮会删除这几项，表格和按钮分别是两个组件，那么点击按钮的时候，如何获取选中的数据？？

class Parent extends React.Component{
    ...
    this.state = {
        dataA:1
    };
    ...
    render(){
        return (
            <div>
                <ChildrenA  onDataChange={data=>this.setState({dataA:data})}/>
                <ChildrenB data={this.state.dataA}/>
            </div>
        )
    }
}

class ChildrenA extends React.Component{
    render(){
        return (
            <div onClick={e=>this.props.onDataChange(2)}>click</div>
        )
    }
}
ChildrenA.propTypes = {
    onDataChange:React.PropTypes.func
};
class ChildrenB extends React.Component{
    render(){
        return (
            <div>{this.props.data}</div>
        )
    }
}
ChildrenB.propTypes = {
    data:React.PropTypes.number
};

不用考虑这两个子组件的通信
checkbox组件选择保存数据
按钮组件删除数据
父组件保存这些数据
子组件调用即可

提供几个思路：
1.子A -> 父 -> 子B

表格组件告诉父组件那几项被勾选了，父组件再告诉按钮组件那几项被勾选了

2.pub、sub模式

当表格组件勾选时，消息通知按钮组件那几项被勾选了

3.引入redux

建立一个全局的store，从store里面获取