array.map((el,i) =>{ return( <Dropzone ref = {ref1} /> ) })la pregunta es que solo se refiere a la última Dropzone renderizada, ¿cómo puedo usar la referencia a través del bucle en todos los componentes de Dropzone que se renderizan en bucle?
probar:
const refs = useRef([]); array.map((el,i) =>{ refs.current[i] = createRef(); return( <Dropzone ref={refs.current[i]} /> ) })Para esto, debe usar una matriz de referencias que puede declarar como const refs = useRef([]) . Después de eso, puede acceder a elementos individuales a medida que accede a los elementos de una matriz.
const Component = ({array}) => { const refs = useRef([]) return ( <> {array.map((el,i) => <Dropzone ref={el => (refs.current[i] = el)} /> )} </> )