antd 开关按钮使用

antd 的开关按钮使用非常简单。首先，确保你已经安装了 antd 库。然后，在你的代码中引入开关组件：

import { Switch } from 'antd';

接下来，在你的组件中使用 Switch 组件，并为其添加相应的属性和事件处理程序：

<Switch onChange={handleSwitchChange} checked={isChecked} />

在上面的代码中，`onChange` 属性是一个事件处理程序，它会在开关状态改变时被调用。`checked` 属性是一个布尔值，用于控制开关的状态。

你需要在组件的状态中定义一个变量来保存开关的状态，并在事件处理程序中更新它。下面是一个示例：

import React, { useState } from 'react';
import { Switch } from 'antd';

const MyComponent = () => {
  const [isChecked, setIsChecked] = useState(false);

  const handleSwitchChange = (checked) => {
    setIsChecked(checked);
  };

  return (
    <div>
      <Switch onChange={handleSwitchChange} checked={isChecked} />
    </div>
  );
};

export default MyComponent;

以上就是使用 antd 开关按钮的基本步骤。你可以根据自己的需求，进一步定制开关按钮的样式和行为。