antd Form 비활성화

2023. 4. 18. 16:04개발/토막난 상식

반응형
import { Form, Input, Button } from 'antd';

const MyForm = () => {
  const onFinish = (values) => {
    // 폼 데이터 전송 시 처리 로직
    // '이름' 필드의 값을 제외하고 처리
    const { name, ...otherValues } = values;
    console.log(otherValues);
  };

  return (
    <Form onFinish={onFinish}>
      <Form.Item label="이름" name="name">
        <Input disabled />
      </Form.Item>
      <Form.Item label="나이" name="age">
        <Input />
      </Form.Item>
      {/* 다른 폼 필드들 */}
      <Button type="primary" htmlType="submit">
        전송
      </Button>
    </Form>
  );
};

export default MyForm;
반응형