antd Form 비활성화
2023. 4. 18. 16:04ㆍ개발/react,next
반응형
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;
반응형
'개발 > react,next' 카테고리의 다른 글
코드 개선obj가 api에선 달달혀 (0) | 2023.05.25 |
---|---|
리액트에서 긴 글 목록을 처리하는 방법 (0) | 2023.04.26 |
Ant Design의 Table 컴포넌트에서 ref를 사용하여 특정 column의 backgroundColor를 다른 column에 적용하는 기능 (0) | 2023.04.17 |
antd 상위 셀과 값이 같을 경우 셀 병합 (0) | 2023.04.11 |
redux-toolkit (0) | 2023.04.04 |