Comment tirer un composant moment dans React-

Question

natif

Je le composant suivant:

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

Il est actuellement ouputting quelque chose comme Jan 01, 2017 at 12:53pm, mais je dois à la sortie JAN 01, 2017 AT 12:53PM à la place.

Normalement, vous utiliseriez {string.toUppercase()} pour y parvenir, mais j'ai des problèmes pour trouver la sortie.

Toute aide serait grandement apprécié. Merci!

Answer 1

Créer votre propre composant UpperText et passer que pour Moment comme element. Dans votre composant UpperText, appliquez toUppercase() à son fils de chaîne et renvoyez Text avec le texte en majuscules.

Answer 2

CSS est votre ami, ajoutez les styles de cet élément:

text-transform: uppercase