reactjs React Formik根据一个字段更新另一个字段

a64a0gku  于 2022-12-12  发布在  React
关注(0)|答案(1)|浏览(194)

使用输入表单y“candet,valuni”更新值x“numite,totdet”
仅使用显示的输入自动化值。
编码:

const [detfventas, setDetfventas] = useState({        
    candet: "",
    valuni: "",
    totdet: "",
    numite: "",
  });     
<Formik
    ...
    onSubmit={(values, actions) => {                             
              setProductosVentas([...productosVentas, values]);
>            
{({ handleChange, handleSubmit, values}) => (
            <Form onSubmit={handleSubmit}>                 
                <input                      
                  onChange={handleChange}
                  type="number"
                  name="candet"
                  placeholder="candet"
                  required
                  value={values.candet}
                />
                <input                      
                  onChange={handleChange}
                  type="number"
                  name="totdet"
                  required
                  placeholder="totdet"
                  value={values.totdet}
                />                   
            </Form>
          )}
</Formik>

使用输入表单y“candet,valuni”更新值x“numite,totdet”

kqqjbcuj

kqqjbcuj1#

回答
此处添加

<Formik
      onSubmit={async (values, actions) => {
            values.numite=values.candet;
            values.totdet=values.candet*values.valuni;
            setProductosVentas([...productosVentas, values]);
            }
>

就这个

values.numite=values.candet;
values.totdet=values.candet*values.valuni;

相关问题