Реагировать вызов метод компонента из вложенной функции в визуализации метод

Question

Я хотел бы вызвать метод updateCurrentThread OnClick, но я получаю следующее сообщение об ошибке:

Uncaught TypeError: Cannot read property 'updateCurrentThread' of undefined

updateCurrentThread: function(thread) { 
    this.setState({ 
    currentThread: thread 
}).bind(this); 
}, 


render: function() { 
    var threads = this.state.data.map(function (thread) { 
    var boundClick = this.updateCurrentThread.bind(this, i); 
    let time = getThreadDate(thread.timestamp); 
    return (
     <div className="row thread" key={thread.threadID}> 
     <ThreadParticipants onClick={boundClick} key={i} className="small-2 small-centered columns" ids={thread.participantIDs}/> 
     </div> 
); 
}) 

Answer 1

this внутри функции контекстные к а не компонент. Если вы можете использовать функции стрелок ES6, которые лексически ограничены, тогда ваш текущий подход будет работать. Перед функциями стрелки люди сохраняли бы компонент this в переменной (например, var self = this), а затем self.updateCurrentThread.