亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

驗證在 Antd 中以動態形式繼續對已刪除的行進行驗證

驗證在 Antd 中以動態形式繼續對已刪除的行進行驗證

慕田峪9158850 2023-07-29 14:53:35
我正在關注 Antd 的文檔,并嘗試使用此處antd 動態表單項中的這段代碼:import { Form, Input, Button, Space } from 'antd';import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';const Demo = () => {  const onFinish = values => {    console.log('Received values of form:', values);  };  return (    <Form name="dynamic_form_nest_item" onFinish={onFinish} autoComplete="off">      <Form.List name="users">        {(fields, { add, remove }) => (          <>            {fields.map(field => (              <Space key={field.key} style={{ display: 'flex', marginBottom: 8 }} align="baseline">                <Form.Item                  {...field}                  name={[field.name, 'first']}                  fieldKey={[field.fieldKey, 'first']}                  rules={[{ required: true, message: 'Missing first name' }]}                >                  <Input placeholder="First Name" />                </Form.Item>                <Form.Item                  {...field}                  name={[field.name, 'last']}                  fieldKey={[field.fieldKey, 'last']}                  rules={[{ required: true, message: 'Missing last name' }]}                >                  <Input placeholder="Last Name" />                </Form.Item>                <MinusCircleOutlined onClick={() => remove(field.name)} />              </Space>            ))}            <Form.Item>              <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>                Add field              </Button>            </Form.Item>          </>        )}      </Form.List>      <Form.Item>        <Button type="primary" htmlType="submit">          Submit        </Button>      </Form.Item>    </Form>  );};但是我遇到了這個錯誤,當我添加一些行,然后刪除其中一些行并最終提交時,即使我刪除了這些行,驗證器仍然繼續工作。https://i.stack.imgur.com/nNO8s.gif 這是一個復制我的錯誤的演示。 https://codesandbox.io/s/quizzical-ride-m1pe6?file=/src/App.js
查看完整描述

目前暫無任何回答

  • 0 回答
  • 0 關注
  • 196 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號