添加新属性以反应 state

Question

I am trying to add a new property to the state "initialTags". However, I do not know how to do that. I have tried to loop through the object to set the new property, however it didnt work. Also, the setState it all in a same function, but since setState is async, I am unable to setState on the same state after my first setState statement.

Initializing the state:

this.setState({ initialTags: [...tempTarget] }, () => console.log("initTags == ", this.state.initialTags));

Array of Object after setState:

[
    {
        "name": "AQS",
        "projectId": "MTYzMDE1MzU3NjA3My10ZXN0MTA",
        "projectName": null,
        "isUserForAllProject": false
    },
    {
        "name": "ED",
        "projectId": null,
        "projectName": null,
        "isUserForAllProject": null
    },
    {
        "name": "PAID",
        "projectId": null,
        "projectName": null,
        "isUserForAllProject": null
    },
    {
        "name": "QS",
        "projectId": null,
        "projectName": null,
        "isUserForAllProject": null
    }
]

The New property that needs to be added in the Object:

[
    {
        "name": "AQS",
        "projectId": "MTYzMDE1MzU3NjA3My10ZXN0MTA",
        "projectName": null,
        "isUserForAllProject": false,
        "return": []

    },
    {
        "name": "ED",
        "projectId": null,
        "projectName": null,
        "isUserForAllProject": null,
        "return": []
    },
    {
        "name": "PAID",
        "projectId": null,
        "projectName": null,
        "isUserForAllProject": null,
        "return": []
    },
    {
        "name": "QS",
        "projectId": null,
        "projectName": null,
        "isUserForAllProject": null,
        "return": []
    }
]

Answer 1

this.setState((prev) => {
      return {
        ...prev,
        initialValues: prev.initialValues.map((item) => {
          return {
            ...item,
            returnValue: []
          };
        })
      };
    });

You shoudn't use return as it is a keyword.