如何在 React-Native 中大写 Moment 组件答案

【问题标题】：How to capitalize a Moment component in React-Native如何在 React-Native 中大写 Moment 组件
【发布时间】：2018-03-16 08:52:45
【问题描述】：

我有以下组件：

<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()} 来实现这一点，但我在弄清楚如何获取输出时遇到了问题。

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

【问题讨论】：

【解决方案1】：

当我在 2017 年最初做出回应时，我认为可以简单地使用 CSS text-transform: uppercase 是错误的。 React-Native 不使用传统的 CSS，而是 uses JavaScript to add styles。

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

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

textTransform: 'uppercase'

【讨论】：

【解决方案2】：

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

【讨论】：