React是按W3C实现的事件机制。使用react有一点很重要，就熟悉w3c规范。

    1. class Child1 extends Component {
    2.   state = { count: 0 }
    3.   countClick = (e) => {
    4.     const count = this.state.count + 1;
    5.     this.setState({ count });
    6.     e.ChildData = { count };
    7.   }
    8.   render() {
    9.     return <span onClick={ this.countClick }>Child1的数是{this.state.count}</span>
    10.   }
    11. };
    13. class Child2 extends Component {
    14.   state = { count: 0 }
    15.   render() {
    16.     return <span>嵌套：{ this.props.children }</span>
    17.   }
    18. };
    20. class App extends Component {
    21.   appOnClick = (e)=>{
    22.     console.log(e.ChildData);// 传出内部的数据
    23.   }
    24.   render() {
    25.     return (<div onClick={ this.appOnClick }>
    26.       <Child2>
    27.         <Child1/>
    28.       </Child2>
    29.       </div>)
    30.   }
    31. }
    32. export default App

    使用e可以将 内部组件的state带出。
    好处：内部可以维护state;
    缺点：在外部绑定事件，并调用e.stopPropagation，最外层将无法获得数据。