0
286
VisualizaçõesReact-Hook Form: ¿Cómo convierto el valor de la cantidad en un número que está dentro de useFieldArray?
Ya he declarado la input para recibir solo números:
<input type="number" name={`order[${nestIndex}].variantion[${k}].qty`} ref={register({ required: true })} defaultValue={item.qty} style={{ marginRight: "25px" }} /> Pero esto aún se guardaría como una cadena. ¿Cómo puedo convertir el valor de la quantity en un número o si pudiera analizarlo en un número entero?
El campo de entrada de cantidad está en nestedFieldArray
export default ({ nestIndex, control, register }) => { const { fields, remove, append } = useFieldArray({ control, name: `order[${nestIndex}].variation` }); return ( <div> {fields.map((item, k) => { return ( <div key={item.id} style={{ marginLeft: 20 }}> <label>{k + 1}</label> <input type="number" name={`order[${nestIndex}].variantion[${k}].qty`} ref={register({ required: true })} defaultValue={item.qty} style={{ marginRight: "25px" }} /> <Size name={`order[${nestIndex}].variantion[${k}].color`} menuItems={colorItems} refer={register({ required: true })} defaultValue={item.color} control={control} /> </div> ); })} <hr /> </div> ); };Recreé esto en: https://codesandbox.io/s/react-hook-form-data-in-step-1-and-step-2-with-nestedarray-7hyksh?file=/src/nestedFieldArray.js: 485-1532
Así es como se ven los datos en la consola:
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
En el envío del controlador, puede cambiar la cantidad del producto a un número entero usando parseInt () e insertarlo en la nueva matriz secundaria y, después de que todos los detalles del producto lo conviertan, puede insertarlo en la nueva matriz principal.
const onSubmit = (data) => { const newOrder = []; data.order.forEach(({ product, variantion }) => { const newVariantion = []; variantion.forEach(({ qty, color }) => { newVariantion.push({ qty: parseInt(qty), color }); }); newOrder.push({ product, variantion: newVariantion }); }); action(newOrder); console.log(newOrder); push("/step2"); };
·
Juan Pablo Isaza
Relatório
Responde à pergunta