How to change the tip text of getFieldDecorator dynamically?

This is a question about usage instead of issues, I’ve also posted this question in Stackoverflow here

In the example component NormalLoginForm from the official website here https://ant.design/components/form/, for the username item,

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

If a user enters an incorrect password and the server returns an error, how to show and change the message from Please input your username! to Wrong username or password ?

[soulmachine]

@yesmeck Thanks ! With your tip I’ve made it work, here is my code in case some other people have the same quesion

[yesmeck]

用 setFields 自己设置下字段的错误信息。