reactjs - getFieldDecorator のヒントテキストを動的に変更するには?

Question

https://ant.design/components/form/NormalLoginFormの公式 Web サイトのサンプル コンポーネントでは、username 項目に対して、

<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

カスタマイズされた検証メソッドを使用でき、非同期も検証できます。