Html 按钮内的antd复选框

Html 按钮内的antd复选框,html,css,reactjs,typescript,Html,Css,Reactjs,Typescript,react初学者这里,这里我有antd复选框,我想将此复选框更改为按钮,但仍有复选框功能:这是我的复选框: 从“antd”导入{Checkbox}; 选择所有{“”} 如果您希望按钮完全按照复选框的操作,只需将oncheckalchange传递给按钮onClick <div className="modal-body d-flex flex-column"> <button onClick={onCheckAllChange}> Select

react初学者这里,这里我有antd复选框,我想将此复选框更改为按钮,但仍有复选框功能:这是我的复选框:

从“antd”导入{Checkbox};
选择所有{“”}

如果您希望按钮完全按照复选框的操作,只需将
oncheckalchange
传递给按钮
onClick

<div className="modal-body d-flex flex-column">
 <button onClick={onCheckAllChange}>
   Select All
 </button>
</div>

就像它只会以一种方式工作,它会取消选中所有内容,但再次单击将不起任何作用这样很容易实现它,谢谢,但是如果将复选框转换为按钮不是那么容易,你有什么地方可以让我了解到吗?这取决于你面临的情况,在这种情况下很明显,但有时情况并非如此。例如,处理程序根据HTML元素(按钮或复选框等)执行不同的操作。在这种情况下,您可以将参数(元素的类型)传递给处理程序,并根据该类型执行操作。我不专业,想学习一下,您是否知道这样一个示例“您可以将参数(元素的类型)传递给处理程序,并根据该类型执行操作”?我也不是专业人士:D。react中的减缩器是完美的示例。
const onCheckAllChange = (e: any) => {
 setCheckedList(!checkedList.length ? allColumnKeys : []);
 setIndeterminate(false); 
 setCheckAll(!checkAll);
};