antd用法
Ant Design 是一个基于 React 的用户界面库，它提供了一套丰富的预定义组件，可以帮助开发者快速构建高质量的 Web 应用程序。以下是一些基本的 Ant Design 组件用法：
1. Button 按钮
```jsx
import { Button } from 'antd';
function App() {
  return (
    <Button type="primary">主要按钮</Button>
  );
}
```
2. Input 输入框
```jsx
import { Input } from 'antd';
function App() {
  return (
    <Input placeholder="请输入内容" />
  );
}
```
3. Table 表格
```jsx
import { Table } from 'antd';
const dataSource = [
  { id: 1, name: '张三' },
  { id: 2, name: '李四' },
];
function App() {
  return (
    <Table dataSource={dataSource} />
  );
}
```
4. Card 卡片
```jsx
import { Card } from 'antd';
function App() {
  return (
    <Card title="卡片标题">卡片内容</Card>
  );
}
```
5. Form 表单
```jsx
import { Form, Input, Button } from 'antd';
function App() {
  return (
    <Form>
      < label="用户名">
        <Input />
      </>
      < label="密码">
        < />
      </>
input框禁止输入      <>
        <Button type="primary" htmlType="submit">提交</Button>
      </>
    </Form>
  );
}
```

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。