Heim >Web-Frontend >js-Tutorial >Wie kann ich untergeordnete Komponentenmethoden von einer übergeordneten Komponente in React aufrufen?
Untergeordnete Methoden aus der übergeordneten Komponente aufrufen
In React wird die Kommunikation zwischen Komponenten normalerweise durch Requisiten (Eigenschaften) und Ereignisse erreicht, aber das ist auch der Fall Es ist möglich, mithilfe von Referenzen auf untergeordnete Komponentenmethoden aus der übergeordneten Komponente zuzugreifen und diese aufzurufen.
Methodenaufruf mit Refs
Beispiel mit Hooks
const Child = forwardRef((props, ref) => { useImperativeHandle(ref, () => ({ getAlert() { alert("getAlert from Child"); } })); return <h1>Hi</h1>; }); const Parent = () => { const childRef = useRef(); return ( <div> <Child ref={childRef} /> <button onClick={() => childRef.current.getAlert()}>Click</button> </div> ); }; ReactDOM.render(<Parent />, document.getElementById('root'));
In diesem Beispiel ist getAlert() eine von der Child-Komponente bereitgestellte Methode, die von der Parent-Komponente aus aufgerufen werden kann, indem auf die aktuelle Eigenschaft der childRef zugegriffen wird. Beachten Sie, dass der Aufruf untergeordneter Methoden direkt von der übergeordneten Methode nicht empfohlen wird und zugunsten ordnungsgemäßer Kommunikationsmuster der Komponenten vermieden werden sollte.
Das obige ist der detaillierte Inhalt vonWie kann ich untergeordnete Komponentenmethoden von einer übergeordneten Komponente in React aufrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!