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;
반응형
'개발 > 토막난 상식' 카테고리의 다른 글
컴포넌트 만들시 (0) | 2023.04.25 |
---|---|
나도 장고에선 CBV가 좋아 (1) | 2023.04.18 |
함수 호출 방법 (0) | 2023.04.18 |
camelToSnakeCase & snakeToCamelCase (1) | 2023.04.17 |
models 이름 설정 시 숫자 사용하지 않는 걸 권장 (0) | 2023.04.17 |