"No se puede leer la propiedad del error" Undefinado "En reaccionar con la función de map

en reacciones de aplicaciones, encontrando el mensaje de error" typeError: no se puede leer la propiedad 'onlayerscorechange' de no define "comúnmente indica un problema con el enlace cuando usa la función de mapa. Aquí le mostramos cómo resolver este problema:

la función de mapa crea una nueva matriz iterando a través de una matriz existente e invocando una función de devolución de llamada para cada elemento. Dentro de la función de devolución de llamada, esto se refiere al contexto global, no al contexto del componente React. Por lo tanto, sin un enlace adecuado, el acceso a las propiedades del componente React desde la función de devolución de llamada dará como resultado el error "Undefinado".

para resolver esto, puede usar las funciones de flecha o vincular la función de devolución de llamada al contexto del componente de reacción.

con las funciones de flujo: [&] El contexto de la función circundante, por lo que simplemente puede usar una función de flecha para la devolución de llamada del mapa:

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

alternativamente, puede unir la función de devolución de llamada de mapa a el contexto del componente React manualmente: