Попытка поставить звездочку для обязательного использования в окончательной форме

Question

Я пытаюсь поместить звездочку рядом с меткой в ​​форме, использующей окончательную форму реакции, как показано ниже

           <Field
              name="requestDescription"
              {...(<span style={{ color: 'red' }}>*</span>)}
              component={AntdInputAdapter}
              validate={required}
              type="text"
              placeholder="Enter description..."
            />

, но я не могу увидеть звездочку в форме. Вот requestDescription обязательное поле в форме, и я пытаюсь поместить обязательный индикатор поля как asterisk внутри Field рядом с этим именем.

Может кто-нибудь, пожалуйста, дайте мне знать, как я могу показать звездочку на Форма с использованием React-final-form Большое спасибо заранее.

Answer 1

Поле возвращает мета и ввод. То, что вы ищете, это лейбл, так что это то, что вам придется создать самостоятельно. Если ваш AntdInputAdapter создает это для вас, вы можете передать требуемую реквизитную строку в поле и проверить ее значение там, где отображается ваша метка.