如何在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

CSS是你的朋友，将其添加到此元素的样式中：

text-transform: uppercase

Answer 2

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