Как установить текущую дату в текстовом поле Material-UI

Если я установлю 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`.

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

Возможно, потому что defaultValue не является prop к TextField в material-ui. Проверьте их документацию на наличие доступных реквизитов.

Vikas Yadav 30.04.2019 08:39

@VikasYadav TextField имеет свойство defaultValue as, как вы можете видеть в документы

Björn Böing 30.04.2019 08:57

Ok. но я полагаю, что defaultValue имеет union: string | number в качестве опорного типа. Это не тип object.

Vikas Yadav 30.04.2019 09:05
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
3
1 433
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

например

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

Другие вопросы по теме