Appointment Planner - can't list the contacts properly

Projects Off-platform Practice Projects
1

Hi. When I click submit, I don’t get the result I want. Email doesn’t appear at all, and name and phone number appear letter by letter instead of the whole name.

GitHub: GitHub - Sleetherin/APPOINTMENT_PLANNER

2

Your addContact function expects two arguments:

const addContact =  (prev, newContact) =>
  {
    setContacts([...prev, newContact]);
  }

Apparently, the first being an array of objects, and the second being an object.
That is not what you provide as arguments in ContactsPage.js:

props.addContact(name,phone,email);
2 Likes
3

I tried

props.addContact([name,phone,email]);

but, I got: Cannot convert undefined or null to object.

4

Yes, now you’re passing just one argument rather than 3. But it should be 2.
Also: What type are name, phone and email? What what type should be set to the contact state?
Check what you need in Tile.js.

2 Likes
5

Thank you very much. It’s working somehow. I don’t know how to add the prev input.

6

I don’t understand: If it is working now, what do you need help with?

8

Thank you very much.
When I wrote props.addContact(props.contacts, [name,phone,email]); it worked.