無法讓React組件重新渲染

Question

無法爲我的生活弄清楚這一點。每次調用setState（）時，組件都應該重新渲染，對吧？我設置了一系列打印語句，所以我可以看到我的處理程序正在被觸發，但render（）不是。請幫我理解這裏出了什麼問題！

這裏是我的代碼的重要部分：

我的構造函數：

constructor(){ 
 
    super(); 
 
    this.state = {upvoted:false} 
 
    this.handleFavorite = this.handleFavorite.bind(this); 
 
    }

我的處理程序：

handleFavorite(event){ 
 
    event.preventDefault(); 
 

 
    console.log("handleFavorite fired"); 
 

 
    var query=location.pathname; 
 
    query = query.split('/'); 
 
    var username1=query[2]; 
 
    var playlist=query[3]; 
 

 
    var vote = this.props.data.vote; 
 

 
    var self = this; 
 

 
    if (username1) { 
 
     request 
 
     .post('/api/endpoint') 
 
     .end(function(err, res) { 
 
       self.setState({upVoted: true}); 
 
       self.forceUpdate(); 
 
       console.log("status "+res.body.status); 
 
     }); 
 
    } 
 

 
    }

我的處理程序調用：

render() { 
 
    return (
 
    <div onClick={this.handleFavorite}>stuff</div> 
 
); 
 
}

Answer 1

setState應觸發render你，沒有必要呼籲forceUpdate

也setState是異步的所以你forceUpdate將觸發之前state獲得更新

Answer 2

我只是有一個不同的行爲相同的事情。我認爲你需要通過函數的參考（handleFavorite）到onClick結帳這個答案也是：Why is my onClick being called on render? - React.js