Ich versuche, refs so oft wie möglich zu verwenden, aber es scheint, dass es keine Möglichkeit gibt, native dom-Methoden aufzurufen (focus (), reset (), blur () usw.), damit bin ich einverstanden. Außer , dass ich die neuen
Hier ist eine Lösung, die ich entwickelt habe, die das Umbrechen der zustandslosen Komponente in einer Klasse nicht erfordert. Stattdessen übergibt das übergeordnete Element eine Funktion an die zustandslose Komponente als Prop, die als Callback-Funktion für das Ref auf dem DOM-Element verwendet wird.
Legen Sie zuerst eine Methode für das statusbehaftete Parent fest, die als Callback für den Verweis verwendet wird, und eine andere Methode für die Aktion für das DOM-Element (in diesem Fall die Fokussierung nach einem Tastendruck). Dann sende die Methode als Stütze an das staatenlose Kind.
%Vor%Die zustandslose Komponente geht davon aus, dass eine Methode vom übergeordneten Element refCallback an sie übergeben wird. Dieser Prop kann über eine beliebige Anzahl von Komponentengenerationen weitergegeben werden, um das DOM-Element zu erreichen.
%Vor%Umwickeln Sie einfach Ihre statusfreie Komponente mit der Klassenkomponente (es6) und fügen Sie eine Referenz ein. Es ist in den offiziellen Dokumenten
geschriebenJa, erinnere dich daran während des Renderns und führe es aus und konzentriere dich darauf nach dem Rendern:
%Vor%Tags und Links reactjs