reactjs - Formik 将选定的选项设为布尔值
问题描述
我想检查 selectedOption 是否为“组”,然后将group
值设置为 true,否则将其设置为false
. 表单组件是这样的:
<Formik
initialValues={{
group: null,
firstName: "",
surname: "",
mobile: "",
email: "",
policyId: "",
groupSize: "",
names: "",
}}
onSubmit={(data, { setSubmitting }) => {
setSubmitting(true);
setTimeout(() => {
console.log(data);
}, 3000);
}}
>
{({
values,
handleBlur,
handleChange,
handleSubmit,
errors,
isSubmitting,
setFieldValue,
touched,
}) => (
<Form onSubmit={handleSubmit}>
<IonItem className="f-reg ion-no-padding form-label mb-3">
<IonLabel className="sec-color fw-light">
Please select
</IonLabel>
<IonSelect
name="group"
className="fw-light sec-color"
placeholder="Select type..."
// trying to check in the onChange Method
onIonChange={() => {
values.group === true
? setFieldValue("group", values.group)
: setFieldValue("group", !values.group);
}}
onBlur={handleBlur}
>
<IonSelectOption value={values.group === false}>
Individual
</IonSelectOption>
<IonSelectOption value={values.group === true}>
Group
</IonSelectOption>
</IonSelect>
</IonItem>
</Form>
)}
</Formik>
我想在提交的表单中返回的是基于 selectedOption 的 group 是 true 还是 false
解决方案
推荐阅读
- python - 在嵌入消息 discord.py 上写入时间戳
- javascript - React:为什么只触发无序列表的第一个项目复选框?
- php - 为什么在此 Codeigniter 3 应用程序中在上传之前重命名图像文件失败?
- javascript - 如何在 html 中的函数内单击函数?
- ruby-on-rails - Rspec 因 Selenium::WebDriver::Error::InvalidSessionIdError 而失败
- opencv - 为什么 ONNX 模型读取失败?
- javascript - 使用 map 和 forEach 过滤对象数组
- r - 测试多个变量是否 == 1
- javascript - 如果在特定情况下数据为空,如何防止滚动?
- spring - java.lang.NoClassDefFoundError: org/apache/commons/collections/set/MapBackedSet