«Невозможно прочитать свойство неопределенной« ошибки в реагировании с функцией MAP

в приложениях React, встречая сообщение об ошибке «TypeError: не может считать свойство» OnPlayerScorechange 'из неопределенного », обычно указывает на проблему с связыванием при использовании функции MAP. Вот как решить эту проблему:

Функция карты создает новый массив, итерация над существующим массивом и вызывая функцию обратного вызова для каждого элемента. В рамках функции обратного вызова, это относится к глобальному контексту, а не к контексту компонента React. Следовательно, без надлежащего привязки, доступ к свойствам доступа к компоненту React из функции обратного вызова приведет к «неопределенной» ошибке.

, чтобы разрешить это, вы можете использовать функции со стрелками, либо связать функцию обратного вызова к контексту REACT. о окружающей функции, поэтому вы можете просто использовать функцию стрелки для обратного вызова карты:

{this.state.initialplayers.map ((Player, index) => { возвращаться ( ); })}

с bind:

{this.state.initialPlayers.map((player, index) => {
    return (
        
    );
})}

, реализуя любой из этих методов, этот контекст будет правильно связан, что позволит вам получить доступ к свойствам компонента React в функции обратного вызова карты и избежать «неопределенной» ошибки. ]