我必須使用以下方法呼叫formik
const handleChange = async (e:any, values: any) => {
alert(e.target.value);
alert(values);
alert('Method called');
};
下面是formik代碼。
<Formik initialValues={formInitialSchema}
validationSchema={formValidationSchema}
onSubmit={handleSubmit}>
<Form>
<div className="col-md-4">
<label htmlFor="protoColNo">Protocol No</label>
<Field
id="protoColNo"
className="form-control"
name="protoColNo"
placeholder="Enter the Protocol No"
/>
<p className="text-danger">
<ErrorMessage name="protoColNo" />
</p>
</div>
<div className="col-md-4">
<label htmlFor="activerequests">Active Requests</label>
<select
name="activeRequest"
style={{ display: 'block' }}
onChange= {(e)=>handleChange}>
<option value="No" >No </option>
<option value="Yes" >Yes</option>
<option value="All" selected>All </option>
</select>
<p className="text-danger">
<ErrorMessage name="activerequests" />
</p>
</div>
</div>
</Form>
</Formik>
我有一個input歸檔和一個drop down。一旦用戶change下拉的值，我需要呼叫handleChange具有input filed and list. 但是方法沒有被呼叫。我不知道我做錯了什么？
你能幫我做同樣的事情嗎？
uj5u.com熱心網友回復：
onChange= {(e)=>handleChange(e)}> //you forgot to call the handleChange
要么
onChange={handleChange}
uj5u.com熱心網友回復：
您需要在 onChange 事件中呼叫匿名函式。
使用以下代碼：
onChange= {(e)=>handleChange(e)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/439432.html
標籤：javascript 反应 反应式 用户界面 形式
下一篇：等待用戶從后端選擇