向已經具有參數的功能道具添加參數

Question

我不知道這是否行得通，但這是我要完成的工作的一個不起作用/天真的例子：

const myFunction = ({ alpha, beta }) => {
  console.log(alpha)
  console.log(beta)
}

const Parent = () => 
  <div>
    <div>Some content...</div>
    <Child handleClick={() => myFunction({ alpha: 1 })}  />
  </div>

const Child = ({ handleClick }) => 
  <button onClick={ () => handleClick({ beta: 2 })}>Click me</button>

說明：
-我指的是函數myFunction ，它作為帶有參數的prop發送。
-最終在觸發時，應將第二個參數添加到傳遞的函數的

運行上面的示例代碼時， myFunction僅接收alpha參數。

CodeSandbox上的示例

Answer 1

您可以創建一個新對象，該對象是從Child組件傳入的對象的副本，並向其中添加a屬性，並將其作為參數傳遞給myFunction 。

<Child handleClick={(data) => myFunction({ ...data, alpha: 1 })} />