ref callback 定义在里面

会有很大问题

by ADoyle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-with-addons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>
<body>
    <div id="container"></div>
</body>

Babel + JSX

const {Component} = React;

class Value extends Component {
    componentDidMount() {
        console.log("Value Mounted");
    }

    render() {
        return (<div>Dummy</div>);
    }
}

class Hello extends Component {
  state = { value: 0 };

  componentDidMount () {
     setInterval(() => { this.setState({value: this.state.value + 1})}, 4000);
  }

  render() {
    return (
      <div>
        <span>{this.state.value}</span>
        <Value ref={(e) => { console.log("ref", e); }} />
      </div>
    );
  }
}

ReactDOM.render(<Hello/>, document.getElementById('container'));