Javascript Antd选择组件模式多个复选框样式

使用antdNPM软件包，选择组件，在多模式下，默认情况下，复选框显示在右侧。我想将它对齐到左侧，并将其样式设置为框中的记号标记，后跟标签。另外，需要单独搜索框，请参考添加的屏幕截图。我想知道这是否可能？我不想使用任何其他软件包

搜索了很多，但找不到任何帮助

---

提前谢谢

这是可能的，但它打破了antd的功能

您已经有了一个组件，该组件实现了检查、下拉和搜索：

在您的情况下，您需要自己使用

antd

组件的组合来实现和测试它：

• Input.Search

• 复选框

• 下拉列表

• 菜单

最简单的例子：

const menu = (
  <Menu>
    <Menu.Item>
      <Checkbox>User1</Checkbox>
    </Menu.Item>
    <Menu.Item>
      <Checkbox>User2</Checkbox>
    </Menu.Item>
  </Menu>
);
export default function App() {
  return (
    <FlexBox>
      <Dropdown.Button overlay={menu}>Dropdown</Dropdown.Button>
    </FlexBox>
  );
}

const菜单=(
用户1
用户2
);
导出默认函数App（）{
返回(
下拉列表
);
}

---

这是可能的，但它打破了antd的功能

您已经有了一个组件，该组件实现了检查、下拉和搜索：

在您的情况下，您需要自己使用

antd

组件的组合来实现和测试它：

• Input.Search

• 复选框

• 下拉列表

• 菜单

最简单的例子：

const menu = (
  <Menu>
    <Menu.Item>
      <Checkbox>User1</Checkbox>
    </Menu.Item>
    <Menu.Item>
      <Checkbox>User2</Checkbox>
    </Menu.Item>
  </Menu>
);
export default function App() {
  return (
    <FlexBox>
      <Dropdown.Button overlay={menu}>Dropdown</Dropdown.Button>
    </FlexBox>
  );
}

const菜单=(
用户1
用户2
);
导出默认函数App（）{
返回(
下拉列表
);
}