时间戳

首页 > 解决方案 > 在 jsx 和 scss 中为必填字段添加星号

css - 在 jsx 和 scss 中为必填字段添加星号

问题描述

我的 jsx 文件中有以下标签：

<label className="submit-options-any__expiry-time-label">{i18n.t('my_options.expiry_time_hr')}</label>

这个标签需要一个星号来表明它是一个必填字段。在我的 scss 文件中：

.submit-options-any {

...  

  &__expiry-time-label {
    display: inline-block;
    color: $white-bis;
    padding-top: 10px;
  }

...

}

我不确定expiry-time-label我的项目中的其他非强制性标签是否不会使用它，因此我不想更改它。我怎么能解决这个问题？

谢谢您的帮助

标签： cssreactjs

解决方案

您可以简单地在文本部分中添加星号，如下所示：

使用 ES6 

 <label className="submit-options-any__expiry-time-label">{`${i18n.t('my_options.expiry_time_hr')} *`}</label>

没有 ES6

<label className="submit-options-any__expiry-time-label">{i18n.t('my_options.expiry_time_hr')}*</label>

推荐阅读