Не удается прочитать свойство [функция] неопределенной

Question

у меня есть это в моей возвращенной части моей визуализации функции:

<table> 
     <tbody> 
      {nums.map(function(num, index){ 
      return <tr key={ index }>{num} <input type="submit" value="unmatch" onClick={this.unMatchButtonClicked} /> 
      </tr>; 
      })} 
     </tbody> 
     </table> 

Но когда я загрузить страницу, я получаю сообщение об ошибке сказав: Cannot read property 'unMatchButtonClicked' of undefined

Несмотря на то, функция непосредственно перед render:function()

unMatchButtonClicked: function(){ 
    console.log('called'); 
}, 

так, что сфера this и почему это не определено?

Answer 1

1. Опция: Array.map(function() {/*...*/}, this)
2. Опция: var unMatchButtonClicked = this.unMatchButtonClicked и onClick={unMatchButtonClicked}

Кроме того, вы должны рассмотреть возможность использования стрелочкой функции для клик-обработчика или связать this вашей функции.
http://egorsmirnov.me/2015/08/16/react-and-es6-part3.html