Semantic-Ui-React Popup с моментом не работает

Question

У меня есть массив объектов, сохраненных в состоянии, которые я периодически обновляю. На основе этого массива я создаю таблицу, в которой использую всплывающее окно sematic-ui-реагировать следующим образом:

 <Table.Cell>
   <Popup
     trigger={<Moment fromNow>{action.started}</Moment>}
     content='some content'
     size='tiny'
   />
 </Table.Cell>

Это в основном работает нормально, пока я не наведу (и, следовательно, не вызову) всплывающее окно. При следующей перезагрузке и повторной визуализации элемент Moment перестает работать и просто показывает время вместо времени назад

-> день назад

становится

-> 17 января 2019 г. 12: 37

Я относительно новичок, чтобы реагировать, и мне интересно, упустил ли я что-то важное?

Answer 1

Вы пытались использовать toNow вместо этого, так как это дата в прошлом?

Кроме того, возможно, что компонент <Moment /> рендерится до установки action.started. Возможно, вы захотите изменить эту строку на:

trigger={action.started && <Moment fromNow>{action.started}</Moment>}

, чтобы убедиться, что action.started имеет значение перед рендерингом Moment