score:1

Accepted answer

In React, props are passed down to function components as a single object. Your component function assumes props are passed down as separate arguments and not in a single object.

Fixed component definition (note the brackets around the argument list):

MemberItem = ({
  member,
  index,
  editingMemberName,
  editMemberName,
  handleChangeName,
  updateMemberName,
  cancelEditMemberName,
  destroyMember
}) => { ... }

This method of unpacking properties is called object destructuring.


Related Query

More Query from same tag