页面阻止React重新渲染？

Question

我有一个工作的React组件，可以在这里看到。

但是，当将其嵌入内部页面时，重新渲染不会发生，尽管组件的时间仍然正常（通过console.log确认）

是否有任何可能会阻止网页重新呈现的内容？

var Hello = React.createClass({
   getInitialState: function() {
    return ({
      number: 0
    });
  },

  componentDidMount: function() {
    this.setNumber();
  },

  setNumber: function() {
    this.setState({
      number: Math.random()
    }, () => {
      window.setTimeout(this.setNumber, 1000);
    });
  },

  render: function() {
    return <div>{this.state.number}</div>;
  }
});

ReactDOM.render(
  <span><Hello name="World" /><Hello name="World" /></span>,
  document.getElementById('container')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="container"></div>