javascript - 给已有参数的函数 prop 添加参数

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 })} />