Добавьте звездочку для обязательного поля в jsx и scss

Question

В моем файле jsx есть следующая метка:

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

Эта метка требует звездочки, чтобы указать, что это обязательное поле. И в моем файле s css:

.submit-options-any {

...  

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

...

}

Я не уверен, не будет ли expiry-time-label использоваться другими ярлыками в моем проекте, которые не являются обязательными, поэтому я не хочу его менять , Как я могу решить эту проблему?

Спасибо за вашу помощь

Answer 1

Вы можете просто добавить звездочку в текстовый раздел следующим образом:

С 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>