antd pro from rules多次提示

最近使用antd pro from遇到了多次提示的问题，在此记录一下。

           <ProForm.Group>
              <ProFormText
              name={'name'}
              addonBefore={'围栏名称'}
              tooltip="最长为 24 位"
              placeholder="请输入名称"
              rules={[{ required: true, message: '这是必填项' }]}
              width="md"
            />
          </ProForm.Group>

这是我写下得代码，以下是显示的效果，

明显跟官方文档上的不一样。代码修改成下面这个样子后，问题解决。

          <ProForm.Group>
            <ProFormText
              name={'name'}
              label={'围栏名称'}
              required
              tooltip="最长为 24 位"
              placeholder="请输入名称"
              rules={[{ required: true, message: '这是必填项' }]}
              width="md"
            />
          </ProForm.Group>

至此，可以发现，输入框的提示信息是使用label来表示的,要想使用水平布局，可以在ProForm中使用layout属性，如下：

        <ProForm<{}>
          layout={'horizontal'}>
        </ProFrom>