Estoy usando ganchos como este
const Ref1 = useRef(); const Ref2 = useRef(); const AllRefs = { Ref1, Ref2 };hay alguna forma de escribir esto en forma abreviada tal vez algo como esto:
const AllRefs = { Ref1:useRef(), Ref2:useRef()};debería ser así?
import React, { useRef } from "react"; export default function App() { const arr = [1, 2, 3]; const refs = useRef([]); return ( <div className="App"> {arr.map((item, index) => { return ( <div key={index} ref={(element) => { refs.current[index] = element; }} > {item} </div> ); })} </div> ); }