如何动态更改getFieldDecorator的提示文本？

Question

在官方网站https://ant.design/components/form/的示例组件NormalLoginForm中，对于用户名项，

<FormItem>
  {getFieldDecorator('userName', {
    rules: [{ required: true, message: 'Please input your username!' }],
  })(
      <Input addonBefore={<Icon type="user" />} placeholder="Username" />
    )}
</FormItem>

如果服务器返回错误密码导致的错误，如何显示和更改邮件从Please input your username!到Wrong username or password？

antd

Answer 1

请看这个例子：https://ant.design/components/form/#components-form-demo-register

您可以使用自定义验证方法，也可以验证异步。

Answer 2

规则中的消息可以是变量 我会像下面这样

<FormItem>
  {getFieldDecorator('userName', {
    rules: [{ required: true, message: (errorFromServer || 'Please input your username!') }],
  })(
      <Input addonBefore={<Icon type="user" />} placeholder="Username" />
    )}
</FormItem>