在下面的代码中，无法使用onchange事件和name属性在datapicker中设置值

Question

```
const initialValues = {
code: '',
product: '',
checked: 'false',
jobCardNo: '',
openDate: '',
completionDate: '',
serial: '',
technicalNo: '',
lineNo: '',
show: false,
};
const [values, setValues] = useState(initialValues);
const handleInput = (e: { target: { name: any; value: any } }) => {
const { name, value } = e.target;
setValues({
...values,
[name]: value,
});
};
```

const initialValues = {
code: '',
product: '',
checked: 'false',
jobCardNo: '',
openDate: '',
completionDate: '',
serial: '',
technicalNo: '',
lineNo: '',
show: false,
};
const [values, setValues] = useState(initialValues);
const handleInput = (e: { target: { name: any; value: any } }) => {
const { name, value } = e.target;
setValues({
...values,
[name]: value,
});
};

我使用上面的对象来处理输入字段，当来到Material UI日期选择器时无法做到这一点。日期选择器中不存在name属性。任何解决方案。提前感谢

<DatePicker
value={props.openDate}
onChange={props.handleInput}
renderInput={(params) => (
<TextField name="openDate" {...params} />
)}
/>

Answer 1

MUI DatePicker的onChange函数返回第一个参数作为新值。

因此，在您的DatePicker中，您需要替换：

onChange={props.handleInput}

这行：

onChange={(newValue) => props.handleInput({target: {name:"openDate", value: newValue}})}

以便用与CCD_ 3相同的handleInput函数来处理CCD_。