Как деструктуризировать аргументы функции?

Question

[japan123]

Как деструктуризировать аргументы функции?

const AnswerItem = ({ onAnswerClick, answer }) => 
    <div
      style={styles.AnswerItem}
      onClick={() => onAnswerClick(answer.id)}
    >
      {answer.text}
    </div>

Хочу что-то типо:

const AnswerItem = ({ onAnswerClick, { id, text } = answer }) => ...

Знаю, что можно вернуть стрелочную функцию и в теле выполнить деструктуризацию, интересует именно то, как ее можно сделать в аргументе.

Answer 1

[Антон Спирин]

const AnswerItem = ({ onAnswerClick, answer: { id, text } }) => ...

Но лучше проверять существование объекта answer, если конечно не уверены точно, что он будет передан в любом случае.

Comments

[japan123]

Благодарю за оперативный и точный ответ!