为什么React更新这部分DOM？

说，我这个reactjs组件：为什么React更新这部分DOM？

var React= require("react"); 

var LikeButton= React.createClass({ 
    getInitialState: function(){ 
     return {liked: false}; 
    }, 

    handleClick: function(event){ 
     this.setState({liked: !this.state.liked}); 
    }, 

    render: function(){ 
     var text = this.state.liked ? 'like' : 'haven\'t liked'; 
     return (
      <div> 
       <h1>{new Date().toTimeString()}</h1>  
       <p onClick={this.handleClick}> 
        You {text} this. click to toggle. 
       </p> 
      </div> 
     ); 
    } 
}); 

React.render(<LikeButton/>, document.getElementById('mount'));

当我触发一个事件onClick的h1元素获得与当前的日期更新的，为什么呢？

来源

2015-06-07 tarrsalah

不知道我明白这个问题。您更改组件的状态，组件重新呈现？ – Gonfva

*整个*组件会重新渲染，而不是它的某些部分？ – tarrsalah

当一个组件的状态改变时，它的render方法将会触发。

从React documentation：

的setState（）将总是触发重新呈现，除非条件渲染逻辑在shouldComponentUpdate（）实现。如果正在使用可变对象并且逻辑不能在 shouldComponentUpdate（）中实现，则仅当新状态与以前的状态不同时调用setState（）才能避免不必要的重新呈现。

来源

2015-06-07 19:03:27

为什么React更新这部分DOM？

回答

相关问题