State 被最后更新的值覆盖

Question

I have below function where i am updating the array that is stored in state as array and i have 9 tables and for each table i am calling this function to check the status and if it is true then i will be storing that in array.

const [projectSpaceTypeWarning, setProjectSpaceTypeWarning] = useState([]);

const handleWarning = (librarySourceTableWarning, status) => {
let spaceTypeWarningCount = [...projectSpaceTypeWarning];
if (status) {
  spaceTypeWarningCount.push(librarySourceTableWarning);
} else {
  spaceTypeWarningCount = spaceTypeWarningCount.filter(
    item => item !== librarySourceTableWarning
  );
 }
setProjectSpaceTypeWarning(spaceTypeWarningCount);
};

and i am setting another variable based in this state like as below

 if (projectSpaceTypeWarning.length) {
  values.spaceType.isInWarningState = true;
}

My issue here is i am updating this state with one table that is giving status as true and it is setting the state accordingly and that is fine. I have remaining tables those are all sending the status as false and setting the status accordingly. Somehow the false status is overriding true status inside the state array.

Could any one please let me know any suggestions or any ideas how i can overcome this problem.

Many thanks in advance.

Answer 1

I have solved this problem by using below code

    const handleWarning = (librarySourceTableWarning, status) => {
    let spaceTypeWarningCount = projectSpaceTypeWarning; // changes at here
    if (status) {
      spaceTypeWarningCount.push(librarySourceTableWarning);
    } else {
      spaceTypeWarningCount = spaceTypeWarningCount.filter(
        item => item !== librarySourceTableWarning
      );
    }
    setProjectSpaceTypeWarning(spaceTypeWarningCount);
   };