javascript - 函数调用正在为映射函数内的react js中的每个调用返回最后一个键

Question

var events={111:{event:'test1'},222:{event:'test2'}}

for (var key in events){
if (events.hasOwnProperty(key)) {

<button type="button" value={key} onClick={()=>{self.removeEvent(key)}}>                                                                     <i className="material-icons">close</i>                                                                 </button>

}
}


removeEvent(key){
console.log(key)
}`

Answer 1

您的问题在于循环内部的上下文。

将 var 更改为 let 来修复它:

for (let key in events){
  if (events.hasOwnProperty(key)) {

    <button type="button" value={key} onClick={()=>{self.removeEvent(key)}}>                                                                     
      <i className="material-icons">close</i>                                                                 
    </button>

  }
}

更多信息here .