setFieldValue从多选下拉列表中给出始终设置值布尔值true

Question

如果I console.log(data.value(，它确实显示了所选选项的数组。但是，当我在表单中控制台.登录验证函数或提交表单时，该字段的值总是布尔值true

初始值为[]，但无论我选择哪多个选项，输出始终为布尔值true。诊断是字符串。StateOptions是具有键、值和文本的对象数组

对于代码的其余部分，所有字段(我不在这里写它们(都会给出值，这是写给它们的

看起来setFieldValue函数(默认Formik道具之一(工作错误

这是字段的代码，它的值总是true：

import { Dropdown, DropdownProps, Form } from "semantic-ui-react";
<DiagnosisSelection
diagnoses={diagnoses}
name="diagnosisCodes"
setFieldValue={setFieldTouched}
setFieldTouched={setFieldValue}
disabled={!(entrytype)}
/>
export const DiagnosisSelection = ({
diagnoses,
setFieldValue,
setFieldTouched,
disabled,
name
}: {
diagnoses: DiagnosisEntry[];
setFieldValue: FormikProps<{ diagnosisCodes: string[] }>["setFieldValue"];
setFieldTouched: FormikProps<{ diagnosisCodes: string[] }>["setFieldTouched"];
disabled:boolean;
name:string;
}) => {
const field = "diagnosisCodes";
const onChange = (
_event: React.SyntheticEvent<HTMLElement, Event>,
data: DropdownProps
) => {
setFieldTouched(field, true);
setFieldValue(field, data.value);
};
const stateOptions = diagnoses.map(diagnosis => ({
key: diagnosis.code,
text: `${diagnosis.name} (${diagnosis.code})`,
value: diagnosis.code
}));

if (disabled)
return null
return (
<Form.Field name={name}>
<label>Diagnoses</label>
<Dropdown
name={name}
fluid
multiple
search
selection
options={stateOptions}
onChange={onChange}
/>
<ErrorMessage name={field} />
</Form.Field>
);
};

Answer 1

似乎我写错了：setFieldValue是setFieldTouched，反之亦然：

<DiagnosisSelection
diagnoses={diagnoses}
name="diagnosisCodes"
setFieldValue={setFieldValue}
setFieldTouched={setFieldTouched}
disabled={!(entrytype)}
/>