Reactjs: Kann ich auf eine Ereignisbehandlungsroutine der zustandslosen Komponente von ref in zugreifen?

Question

Weiß jemand, ob es möglich ist, auf eine Ref von einem statuslosen Komponenten onClick Handler zuzugreifen?

Zum Beispiel:

function MyComponent ({myProp}) { 
    var userFeedbackNode 
    return <div> 
    <textarea ref={(c) => userFeedbackNode = c}/> 
    <button onClick={()=> { 
     //do something with the userFeedbackNode here. 
    }}>Send</button> 
    </div> 
} 

Ich glaube, diese Methode funktioniert, aber gibt es Probleme mit der Zuordnung und Refs auf diese Weise Zugriff auf?

Danke!

Answer 1

JA. Sie können ref nicht an die Funktionskomponente selbst anhängen, aber Sie können ref der Komponenten innerhalb erhalten (wenn sie nicht selbst Funktionskomponenten sind).

let _inputRef 

const MyComponent = (props) => 
    <input type=text ref={ref => typeof _inputRef == 'undefined' ? ref : _inputRef} /> 

Also ja, es ist möglich, aber ziemlich nutzlos, da functionnal Komponente nicht Lifecycle-Methoden, wo Sie möglicherweise das haben könnten: Sie finden die variable Referenz außerhalb des Umfangs der functionnal Komponente selbst, so etwas zu halten brauchen muss diese Referenz verwenden