React-Moment给出:“不变违反:文本字符串必须在<text>组件内呈现”

时间:2019-02-02 21:24:45

标签: react-native momentjs

我已经缩小了范围,以发现仅当我尝试通过React-Moment documentation中所述的<Moment />组件时才发生错误。到目前为止,我还没有找到针对此软件包的任何解释,希望那里的人也遇到类似的问题!

文档阐明了这样的用法:

import Moment from 'react-moment';

// then within the class component:
return (
        const dateToFormat = '1976-04-19T12:59-0500';
        <Moment>{dateToFormat}</Moment>
        );

我想采用这样的原始日期字符串:

<Text>Created {this.props.postDate}</Text>

因此已存储:"postDate": "2019-01-31T04:13:31.224Z"

但是到目前为止,无论何时我添加<Moment>{this.props.postDate}</Moment>,无论是在现有<Text />块的外部还是内部,我都会变成红色:

enter image description here

1 个答案:

答案 0 :(得分:3)

在文档中:

https://github.com/headzoo/react-moment#usage-with-react-native

<Moment element={Text}>{dateToFormat}</Moment>