"Die Eigenschaft des undefinierten" Fehler in React With Map Function

in React -Anwendungen, die Fehlermeldung "TypeRror: Die Eigenschaft kann nicht lesen" -BeplayersCorechange 'von Undefined "auf ein Problem mit dem Binden nicht mit der Kart -Funktion lesen. Hier erfahren Sie, wie Sie dieses Problem beheben:

Die Kartenfunktion erstellt ein neues Array, indem es über ein vorhandenes Array iteriert und eine Rückruffunktion für jedes Element aufgerufen wird. In der Rückruffunktion bezieht sich dies auf den globalen Kontext, nicht auf den Kontext der React -Komponente. Ohne ordnungsgemäße Bindung führt der Zugriff auf Eigenschaften der React -Komponente aus der Rückruffunktion zu dem "undefinierten" Fehler.

, um dies zu beheben, können Sie entweder Pfeilfunktionen verwenden oder die Rückruffunktion an den Kontext der Reaktionskomponente binden. Erben Sie den Kontext der umgebenden Funktion, sodass Sie einfach eine Pfeilfunktion für den Karten -Rückruf verwenden können:

{this.state.initialPlayers.map ((Player, Index) => { zurückkehren ( ); })}

mit bind:

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

{this.state. zurückkehren ( ); }). BIND (this)}

.