Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向用户显示键入的值,但在表单值中进行一些计算_Javascript_Reactjs - Fatal编程技术网

Javascript 向用户显示键入的值,但在表单值中进行一些计算

Javascript 向用户显示键入的值,但在表单值中进行一些计算,javascript,reactjs,Javascript,Reactjs,我有一个输入框form.handleChange(e)}/> 当用户在字段中键入时,我想显示实际值,但在该字段的表单值中,我想进行类似e.target.value*100的计算,我使用的是Formik和Chakra。仅在提交时,什么是合适的方法或应该这样做。尝试以下方法: const[value,setValue]=useState(0); const[calculatedValue,setCalculatedValue]=useState(); const handleChange = (e

我有一个输入框
form.handleChange(e)}/>

当用户在字段中键入时,我想显示实际值,但在该字段的表单值中,我想进行类似e.target.value*100的计算,我使用的是Formik和Chakra。仅在提交时,什么是合适的方法或应该这样做。

尝试以下方法:

const[value,setValue]=useState(0);
const[calculatedValue,setCalculatedValue]=useState();

const handleChange = (e) => {
    setValue(e.target.value);
    setCalculatedValue(e.target.value*100)
  };
<Input type='number' onChange={handleChange} value={value}/> 
const[value,setValue]=useState(0);
const[calculatedValue,setCalculatedValue]=useState();
常数handleChange=(e)=>{
设定值(即目标值);
setCalculatedValue(如目标值*100)
};
抱歉,有任何打字错误。

const[value,setValue]=useState(0);
const[calculatedValue,setCalculatedValue]=useState();
常数handleChange(e)=>{
setCalculatedValue(如目标值*100)
};

thanx,lol这很简单,我刚刚将第二个函数setCalculatedValue改为.setFieldValue('fieldname',e.target.value*100),所以我们不需要第二个状态calculatedValue。是的,这很简单:P