向已有参数的函数 prop 添加参数答案

【问题标题】：Add parameters to function prop that already has parameters向已有参数的函数 prop 添加参数
【发布时间】：2018-11-06 18:41:07
【问题描述】：

我不知道这是否可行，但这是我正在尝试完成的一个无效/幼稚示例：

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，作为带有参数的道具发送。
- 最终当被触发时，第二个参数应该被添加到传递函数的

运行上述示例代码时，myFunction 只接收alpha 参数。

CodeSandbox 上的示例

【问题讨论】：

获取结果的可能方法stackoverflow.com/questions/42002334/…
你可以在Parent组件中写(data) => myFunction({ ...data, alpha: 1 })。
@Tholle 哇，非常感谢。

标签： javascript reactjs ecmascript-6

【解决方案1】：

您可以创建一个新对象，该对象是您从Child 组件传入的对象的副本，并向其添加a 属性，并将其作为参数传递给myFunction。

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

【讨论】：