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

Question

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

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

蚂蚁

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>