我正在使用 grommet
对于 React 元素,我想知道如何将两个 <Heading />
中的文本大写组件。
最佳答案
您要求将 header 设为大写
并执行大写
。
在你的回答中你是这样做的,
<Heading style={{'textTransform': 'uppercase'}}>{product.name}</Heading>
假设您的 product.name
= mobile
,那么根据您的回答,您将得到 MOBILE
的输出,全部 大写
字母。
要使其大写
使用这个
<Heading style={{'textTransform': 'capitalize'}}>{product.name}</Heading>
现在您将获得所需的输出Mobile
,这是一个大写
。
有关uppercase
和capitalize
的更多详细信息,请参阅this .
关于css - 如何将 Grommet 的 Heading 组件中的文本大写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56248642/