Объекты недопустимы как React, получая ошибку при добавлении div?

Question

Я просто отображаю данные и отображаю их в промежутке между divs, но получаю сообщение об ошибке

Объекты недопустимы как дочерние элементы React (найдено: ср. 09 декабря 1998 00:00:00 GMT + 0530 (стандартное время Индии).Если вы намеревались визуализировать коллекцию дочерних элементов, используйте вместо этого массив.

<Fragment key={String(index) + String(i)}>
                    <div>{displaytext}</div>
                    <div>{value}</div>
                  </Fragment>

В этой строке возникает только проблема <div>{value}</div> Если я удаляю эту строку, все работает нормально. Если я добавляю эту строкуЯ получаю выше ошибки, почему?вот мой код https://codesandbox.io/s/ooj2wowy9q

Answer 1

React не допускает использование объектов типа Dates или Array в качестве дочерних, вам нужно преобразовать value в строку, например:

<div>{new Date(value).toString()}</div>

Надеюсь, это поможет вам!

Answer 2

value - объект даты.Попробуйте это:

<div>{moment(value).format('DD-MM-YYYY')}</div>