Übergeben Sie den Schlüsselparameter, um die Komponente zu reagieren

8

Ich versuche, einen Parameter mit dem Namen " key " an eine react-Komponente zu übergeben und es funktioniert nicht. Wenn ich " keyy " anstelle von "key" verwende, funktioniert es.

Es scheint mir, dass "key" ein eingeschränktes Schlüsselwort ist und ich kann es nicht als Parameternamen verwenden.

Stimmt das?

Das ist mein Beispiel:

%Vor%     
zappee 30.01.2017, 10:52
quelle

3 Antworten

8

Ja, das stimmt, Schlüssel ist ein eingeschränktes Schlüsselwort und wird nicht als Requisite propagiert.

  

Schlüssel dienen als Hinweis auf Reagieren, aber sie werden nicht an Ihre Komponenten übergeben . Wenn Sie in Ihrer Komponente denselben Wert benötigen, übergeben Sie ihn explizit als Prop mit einem anderen Namen:

%Vor%
  

Im obigen Beispiel kann die Post-Komponente props.id lesen, aber nicht props.key.

Lesen Sie mehr in den Dokumenten

    
lustoykov 30.01.2017, 10:54
quelle
3

Ja key Schlüsselwort ist reserviert, dies wird von React verwendet, um HTML-Elemente zu identifizieren, es sollte eindeutig sein. Es hilft, die Leistung zu verbessern. Wir sollten jedem Kind einen Schlüssel hinzufügen. Auf diese Weise kann React mit der minimalen DOM-Änderung umgehen.

Von React Docs :

  

Tasten help Reagieren Sie, welche Elemente geändert, hinzugefügt oder entfernt wurden. Schlüssel sollten den Elementen innerhalb des Arrays gegeben werden, um den Elementen eine stabile Identität zu geben. Schlüssel, die in Arrays verwendet werden, sollten unter ihren Geschwistern eindeutig sein. Sie müssen jedoch nicht global eindeutig sein. Schlüssel dienen als Hinweis auf Reagieren, werden jedoch nicht an Ihre Komponenten weitergegeben. Wenn Sie in Ihrer Komponente denselben Wert benötigen, übergeben Sie ihn explizit als Prop mit einem anderen Namen.

    
Mayank Shukla 30.01.2017 10:54
quelle
0

key ist ein reserviertes Wort.

Von hier :

  

Tasten help Reagieren Sie, welche Elemente geändert, hinzugefügt oder entfernt wurden. Schlüssel sollten den Elementen innerhalb des Arrays gegeben werden, um den Elementen eine stabile Identität zu geben:

     

Die beste Methode zum Auswählen eines Schlüssels besteht darin, eine Zeichenfolge zu verwenden, die ein Listenelement unter seinen Geschwistern eindeutig identifiziert. Meistens würden Sie IDs aus Ihren Daten als Schlüssel verwenden.

Das ist auch gut und erklärt, warum React den key param verwendet und was sind Vorteile. Sie werden feststellen, dass der Parameter key der Corstone des React Abgleichsalgorithmus ist.

Außer dem key param gibt es ein paar reserviertere Wörter, die Sie nicht verwenden sollten, wie zum Beispiel:

ref und dangerouslySetInnerHTML

Der spätere dangerouslySetInnerHTML , den Sie anstelle von DOM innerHTML

verwenden

Weitere Details finden Sie hier .

    
prosti 30.01.2017 11:02
quelle

Tags und Links