Material UI TextField input type="date" 没有得到 event.target.value答案

【问题标题】：Material UI TextField input type="date" doesn´t get event.target.valueMaterial UI TextField input type="date" 没有得到 event.target.value
【发布时间】：2021-06-07 08:56:59
【问题描述】：

我正在使用来自 devextreme 的 Material ui 和 react grid 来创建一个输入日期类型的表格，但是当我尝试输入日期时，它在我达到年份值之前无法识别值变化，这会清除其他值。知道会发生什么吗？

我的代码：

const DateEditor = ({ value, onValueChange }) => {
  return (
    <TextField
      value={value}
      type="date"
      onChange={event => {
        onValueChange(event.target.value)
        console.log(event.target.value)
      }}
    />
  );
};


const DateTypeProvider = React.memo(props => (
    <DataTypeProvider
      formatterComponent={DateFormatter}
      editorComponent={DateEditor}
      {...props}
    />
  ));

没有显示。

到年时显示。

当我输入下一个值时删除所有内容。

Obs：当我按日历选择时，它工作得很好。

【问题讨论】：

标签： javascript html reactjs material-ui

【解决方案1】：

just remove value props from the TextField

【讨论】：

【解决方案2】：

您应该使用event.originalTarget 而不是event.target 因为originalTarget 指的是事件附加到的元素。

target 可以更改例如点击事件：target 是被点击的内部元素，而不是基本元素

【讨论】：

不幸的是，originalTarget.value 和 just originalTarget 都是未定义的。