React Js單擊for循環內的事件

Question

我正在使用React。這是我的代碼：

var rows = []; 
for(var i = 1; i <= this.state.numberOfPages; i++) { 
    rows.push(<li key={i.toString()} onClick={() => this.getResults(i)}><a href="#">{i}</a></li>) 
}; 

getResults()功能很簡單，只要：

getResults: function(page = this.state.currentPage) { 
    console.log(page); 
}, 

this.state.numberOfPages等於3的問題是，當我點擊<li>標籤，4總是在控制檯顯示。但是，<li>值在HTML中正確顯示。我無法理解爲什麼總是通過參數傳遞值來評估最後的i值。

一個細節：

在陣營控制檯，關鍵屬性是正確的了。問題是with the parameter only。

非常感謝我的英語。

Answer 1

正如在重複的答案中所述，您需要關閉帶有內部函數的變量。使用map是實現此目的的一種簡單方法：

var rows = new Array(this.state.numberOfPages).fill(0).map((zero, index) => 
    <li key={index} onClick={() => this.getResults(index)}> 
     <a href="#">{index}</a> 
    </li> 
)