調整瀏覽器窗口大小時，如何讓React重新渲染視圖？背景我有一些塊要在頁面上單獨布局，但是我還希望它們在瀏覽器窗口更改時進行更新。最終結果將類似于Ben Holland的 Pinterest布局，但使用React編寫的不僅是jQuery。我還有一段路要走。碼這是我的應用程序：var MyApp = React.createClass({  //does the http get from the server  loadBlocksFromServer: function() {    $.ajax({      url: this.props.url,      dataType: 'json',      mimeType: 'textPlain',      success: function(data) {        this.setState({data: data.events});      }.bind(this)    });  },  getInitialState: function() {    return {data: []};  },  componentWillMount: function() {    this.loadBlocksFromServer();  },      render: function() {    return (        <div>      <Blocks data={this.state.data}/>      </div>    );  }});React.renderComponent(  <MyApp url="url_here"/>,  document.getElementById('view'))然后，我有了Block組件（相當于Pin上面的Pinterest示例中的）：var Block = React.createClass({  render: function() {    return (        <div class="dp-block" style={{left: this.props.top, top: this.props.left}}>        <h2>{this.props.title}</h2>        <p>{this.props.children}</p>        </div>    );  }});和的清單/集合Blocks：var Blocks = React.createClass({  render: function() {    //I've temporarily got code that assigns a random position    //See inside the function below...    var blockNodes = this.props.data.map(function (block) {         //temporary random position      var topOffset = Math.random() * $(window).width() + 'px';       var leftOffset = Math.random() * $(window).height() + 'px';       return <Block order={block.id} title={block.summary} left={leftOffset} top={topOffset}>{block.description}</Block>;    });    return (        <div>{blockNodes}</div>    );  }});題我應該添加jQuery的窗口調整大小嗎？如果是這樣，在哪里？$( window ).resize(function() {  // re-render the component});有沒有更“反應”的方式來做到這一點？