Mi duda es que tengo un Select en React El cual muestro las distintas opciones con un map, cada una de esas opciones es un objeto pero quiero saber que objeto seleccionó el usuario para que los demás input se llenen automáticamente con ese objeto que seleccionó
const FormCrearProduccion = ({
handleOnChangeForm,
productoForm,
peso,
cantidad,
totalProducto,
productos, }) => {
return (
<Productos>
<select
value={productoForm}
onChange={(e) => handleOnChangeForm('productoForm', e.target.value)}
>
<option></option>
{productos.map((producto) => (
<option value={producto.nombre}>
{producto.nombre} - {producto.tipo}
</option>
))}
</select>
<input
type="number"
name="peso"
disabled
value={peso}
onChange={(e) => handleOnChangeForm('peso', e.target.value)}
/>
<input
type="number"
value={cantidad}
onChange={(e) => handleOnChangeForm('cantidad', e.target.value)}
/>
<input
name="total"
id="total"
disabled
value={totalProducto}
onChange={handleOnChangeForm}
/>
<button>Eliminar</button>
</Productos>
);
};
export default FormCrearProduccion;
con el botón agregar puedo añadir otro formulario el cual está dentro de un array, para eso la función handleOnChangeForm el cual detecta en cual input escribo y lo añade a la array de ese formulario
const productosForm = {
productoForm: '',
peso: null,
cantidad: null,
totalProducto: null,
};
const [formProductos, setFormProductos] = useState([productosForm]);
const handleOnChangeForm = (index, name, value) => {
const copiaProduccion = [...formProductos];
copiaProduccion[index] = {
...copiaProduccion[index],
[name]: value,
};
setFormProductos(copiaProduccion);
};
class
ofunction
?¿Existe la propiedadid
en los objetos del arregloproducts
? si pudieras compartir el código delhandleOnChange
, Saludos – g.4 el 31 ene. a las 18:10