尝试在 react 中使用 react final form 为 required 加上星号

Question

我正在尝试在使用 React 最终形式的表单标签附近放置星号，如下所示

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

但我看不到表格上的星号，这是表格中的 requestDescription 必填字段，我正在尝试将必填字段指示符作为 asterisk 放入 [=13] =] 靠近那个名字。

谁能告诉我如何使用 React-final-form 在表单上显示星号非常感谢。

Answer 1

字段 returns 元和输入。您正在寻找的是一个标签，所以这是您必须自己构建的东西。如果您的 AntdInputAdapter 为您创建了它，您可以将必需的道具传递给字段并检查它在您显示标签的位置的值。

尝试在 react 中使用 react final form 为 required 加上星号

Trying to put asterisk for required using react final form in react

javascript

reactjs

ecmascript-6

react-final-form