Добавьте параметры в функцию 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, отправленную в качестве реквизита с параметром.
- В конце концов при срабатывании второй параметр должен быть добавлен к переданной функции

При выполнении приведенного выше примера кода, myFunction получает только параметр alpha.

Пример CodeSandbox

Answer 1

Вы можете создать новый объект, который является копией объекта, который вы передаете из компонента Child, добавить к нему свойство a и передать его в качестве аргумента myFunction.

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