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