我有一组保存为状态的对象,这些对象会定期刷新。基于此数组,我创建一个表,在其中使用如下的sematic-ui-react弹出窗口:
<Table.Cell>
<Popup
trigger={<Moment fromNow>{action.started}</Moment>}
content='some content'
size='tiny'
/>
</Table.Cell>
在我悬停(并因此触发)弹出窗口之前,这基本上可以正常工作。在下一次重新加载和重新渲染时,Moment元素停止工作,仅显示时间而不是以前的时间
->一天前
成为
-> 2019年1月17日12:37
我是新来的反应者,想知道我是否错过了重要的事情?
答案 0 :(得分:0)
您是否尝试过使用toNow
,因为它是过去的日期?
此外,可能会在设置<Moment />
之前渲染action.started
组件。您可能需要将该行更改为:
trigger={action.started && <Moment fromNow>{action.started}</Moment>}
确保action.started
在Moment渲染之前具有一个值