Tengo dos componentes Grid y Filter, necesito vincular estos dos componentes. Es decir, pase el enlace de la Cuadrícula al Filtro. El enlace a la cuadrícula en el filtro es necesario para poder decirle al filtro con qué cuadrícula trabajar.
App.js: return ( <div> <Grid ref={ref1}.../> <Filter gridRef={ref1}.../> <.../> </div> )
¿Que necesito hacer?
Tendrá que hacer que la cuadrícula sea un componente frowardRef
. Comprender los componentes de forwardRef .
A continuación, cree una referencia (digamos rfGrid) con el gancho useRef
en el componente principal. Pase rfGrid a la propiedad de referencia del componente Grid y pase rfGrid a la propiedad gridRef del componente Filter.
import React, { useRef } from 'react'; const Parent = () => { const rfGrid = useRef(); return ( <div> <Grid ref={rfGrid} /> <Filter gridRef={rfGrid} /> </div> ); };