如何在 React-Native 中利用 Moment 组件

Question

我有以下组件：

<Moment element={Text}
        format="MMM DD, YYYY \at h:mma"
        style={dateStyle}
>
    {this.props.updateDate}
</Moment>

它目前正在输出类似Jan 01, 2017 at 12:53pm ，但我需要它输出JAN 01, 2017 AT 12:53PM 。

通常你会使用{string.toUppercase()}来实现这一点，但我在弄清楚如何获得输出时遇到问题。

任何帮助将不胜感激。 谢谢！

Answer 1

当我在 2017 年最初做出回应时，我错误地建议人们可以简单地使用 CSS text-transform: uppercase 。 React-Native 不使用传统的 CSS，而是使用 JavaScript 添加样式。

当时，React-Native 不支持这一点。 我应该删除答案。

但是，从那时起， Text组件style属性现在支持：

textTransform: 'uppercase'

https://facebook.github.io/react-native/docs/text#style

Answer 2

创建您自己的UpperText组件并将其作为element传递给Moment 。 在UpperText组件中，将toUppercase()应用于其子字符串并返回带有大写文本的Text 。