setState an array and object

Question

How do you setState an object and an array at the same time after passing id and data to a function? Because comment is not part of an array, I'm getting confused.

this.state = {
      tasks: [
        { firstName: "boris", lastName: "Johnson", id: uuid() },
        { firstName: "Mary", lastName: "Whithaker", id: uuid() }
      ],
      comment: "This is a comment message"
    };

  updateTask(id, task, comment, additional) {
    const updatedProject = this.state.tasks.map(t => {
      if (t.id === id) {
        return {
          ...t,
          firstName: task,
          lastName: comment
        };
      }
      return t;
    });
    this.setState({ tasks: updatedProject, comment: additional });
  }

Answer 1

Your State is an object. In that object there are two fields, tasks and comment. Tasks is an array of objects, those objects have firstname, lastname and id fields. Comment is a string.

When that code is doing setState at the end, it is creating a new object (see the {}), and then giving it the updatedProject array for tasks, and then the additional string for comment.

That whole object is then set. The array and string are values of fields in that object.