If the antd form component passes the axios api check?

for example, for some duplicate name checks, you need to go to the backend to get the results through axios. Since the antd check is triggered every time the input box is changed, frequently called network calls will have great performance problems. Is there any way to control the frequency of calls? 

        validateDupName (name) {
           axios.get(/api-path/)..... api
        }
        
        <FormItem
          label=""
          {...formItemLayout}
        >
          {getFieldDecorator("name", {
            rules: [
              {
                validator: validateDupName
              }
            ],
          })(
            <Input placeholder=""/>
          )}
        </FormItem>
React.js javascript
Jun.21,2021

debounce
although form is monitoring whether your input conforms to rule, you can still listen to the onChange event of this input, so bind the request method for backend verification in the onChange event of input. Then packed with debounce, the frequency can be controlled.
when your request returns a failure, you can call setFields , and add the form error of antd

first of all, the verification of antd input depends on the rules you set. This rules basically only verifies whether the specification is entered, and you need to verify whether the duplicate name can pass onBlur

.

Previous: Table slot usage of Table components in Element-UI

Next: How does MySQL count the data of the day every 2 hours?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu