Estoy tratando de almacenar en una matriz vacía una entrada de usuario y una identificación única como objeto.
Así que tengo:
const [weight, setWeight] = useState([]);que quiero llenar con esta función:
const submitWeight = () => { setWeight([{ value: inputWeight, id: uuidv4() }, ...weight]); // this one. setDefaultMessageWeight(""); closedClass(); };¿Algunas ideas? ¡Gracias!
Aquí hay un ejemplo de cómo puede acceder a un elemento de entrada renderizado usando ref dentro de su componente.
import { useRef, useState } from "react"; export default function App() { const [weight, setWeight] = useState([]); const inputRef = useRef(null); const submitWeight = () => { let inputWeight = inputRef.current.value; setWeight([{ value: inputWeight, id: uuidv4() }, ...weight]); // ... }; return ( <div> <input ref={inputRef} /> <button onClick={submitWeight}>Submit</button> {weight.map(({ value }, index) => ( <p> Weight #{index} is {value} </p> ))} </div> ); }