Как установить текущую дату в TextField с пользовательским интерфейсом

Question

Если я установлю type="date" на TextField, я могу инициализировать его строкой.

https://codesandbox.io/s/9y6yz462op

const values = {
  someDate: "2017-05-24"
};

function App() {
  return (
    <div className="App">
      <TextField
        name="someDate"
        label="Some Date"
        InputLabelProps={{ shrink: true, required: true }}
        type="date"
        defaultValue={values.someDate}
      />
    </div>
  );
}

Однако, когда я пытаюсь использовать текущую дату, используя объект даты

const values = {
  someDate: new Date()
};

Я получаю ошибку

Warning: Failed prop type: Invalid prop `defaultValue` supplied to `TextField`.

Как передать Date в TextField?

Answer 1

Как вы можете прочитать в , документы defaultValue должны быть либо string, либо number.Тип Date не поддерживается.

Но, так как вы используете type="date", вам следует подать дату в виде строки.

Например,

const values = {
  someDate: new Date().toISOString().substring(0, 10);
};