Maison >interface Web >js tutoriel >Comment puis-je appeler des méthodes de composant enfant à partir d'un composant parent dans React ?
Appel de méthodes enfants à partir du composant parent
Dans React, la communication entre les composants est généralement réalisée via des accessoires (propriétés) et des événements, mais cela est possible d'accéder et d'invoquer les méthodes du composant enfant à partir du composant parent à l'aide de références.
Invocation de méthode à l'aide Refs
Exemple avec 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'));
Dans cet exemple, getAlert() est une méthode exposée par le composant Child qui peut être invoquée à partir du composant Parent en accédant à la propriété actuelle de childRef. Notez qu'invoquer des méthodes enfants directement depuis le parent n'est pas recommandé et doit être évité en faveur de modèles de communication de composants appropriés.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!