Reactjs 如何在react中将两个onClick参数传递给一个函数

我有一个名为Test的函数，我想传递两个onClick引用

const Test = ({ onConnect }:{ onConnect:any }, { onDisconnect }:{ onDisconnect:any }) => {
  return (
    <div>
      <DrawDiagram />
      <button onClick={onConnect}>Connect</button>
      <button onClick={onDisconnect}>Connect</button>
    </div>
  );
};

似乎我没有正确调用该函数。我该怎么做

---

谢谢，

您当前组件的编写方式就像道具将作为单独的参数传递一样。但是，所有道具都被合并到一个参数中。以下是正确的方法：

interface TestProps {
  onConnect: () => void;
  onDisconnect: () => void;
}

const Test = ({ onConnect, onDisconnect }: TestProps) => {

(JSX attribute) onDisconnect: () => void
Type '{ onConnect: () => void; onDisconnect: () => void; }' is not assignable to type 'IntrinsicAttributes & { onConnect: any; }'.
  Property 'onDisconnect' does not exist on type 'IntrinsicAttributes & { onConnect: any; }'.ts(2322)

interface TestProps {
  onConnect: () => void;
  onDisconnect: () => void;
}

const Test = ({ onConnect, onDisconnect }: TestProps) => {