xenia13
@xenia13
Изучаю React JS.

Как исправить ошибку «Objects are not valid as a React child»?

В учебных целях я работаю над приложением бронирования. Использую Redux.
В принципе всё работает хорошо, кроме передачи объекта Date. Выдаёт ошибку:

Error: Objects are not valid as a React child (found: Sat Nov 09 2019 16:09:32 GMT+0500 (Yekaterinburg Standard Time)). If you meant to render a collection of children, use an array instead.

Я понимаю, что нельзя передать объект Date. Я попробовала привести его к строке в reducer'е:

const initialState = {
  date: new Date().toString()   (или date: new Date().toDateString())
  }


На некоторых страницах отображение даты работает как я хотела, но на странице выбора даты выдаёт ошибку: RangeError: Invalid time value

На странице выбора даты я использую React DatePicker:

selected={this.props.date}
locale="ru"
onChange={(day) => {this.props.setDate(day)}}
inline />
Куда нужно добавить toString(), чтобы при выборе даты в календарь, объект Date был строкой и моё приложение работало?
  • Вопрос задан
  • 477 просмотров
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега React
Я понимаю, что нельзя передать объект Date.
Передать можно, нельзя отрендерить. Соответственно, и к строке приводить нужно там, где рендерите.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы