如何将Grommet的标题部分中的文本大写？

Question

我正在为React项目使用grommet &想知道如何利用几个<Heading />组件中的文本。

Answer 1

我使用了内联样式。

  <Heading style={{'textTransform': 'capitalize'}}>{product.name}</Heading>

Answer 2

您正在请求生成Header capitalize并执行Uppercase。

在你的回答中，你是这样做的，

<Heading style={{'textTransform': 'uppercase'}}>{product.name}</Heading>

假设您的product.name = mobile，那么根据您的答案，您将得到MOBILE all uppercase letters的输出。

要使其成为capitalize，请使用以下代码

<Heading style={{'textTransform': 'capitalize'}}>{product.name}</Heading>

现在，您将获得所需的输出Mobile，它是一个capitalized one。

有关uppercase和capitalize的更多详细信息，请参阅this。