Не обновлять переменную состояния, которая является массивом объектов ⇐ Javascript

[Anonymous]

perms - это массив объектов. Каждый объект: < /p>
{
catg: 'Catg1'
serv: ->array of serv objects
{
checked: false,
desc: 'Serv 1'
}
}

На кнопке нажмите, на основе отправленного CATG мне нужно обновить все проверенные на TRUE для каждого объекта SERV для этого CATG . Код такой, как ниже: < /p>
const [perms, setPerms] = useState(null);

const handleClick = (
event: React.MouseEvent,
catg: string
) => {
const permCopy = [...perms];
const catgPerm = permCopy?.filter(function (perm) {
return perm.catg === catg;
});
const catgServs = perms?.servs;
catgServs.map((serv, index) => {
const updatedServ = { ...serv, checked: true };
catgServs[index] = updatedSer;
});
}
setPerms(permCopy);
< /code>
Экран не является повторным использованием, и он не отражает обновленные флажки. Я подозреваю, что переменная состояния не обновляется.perms = [
{
catg: 'Catg1',
servs: [
{
desc: 'Serv1',
checked: false,
},
{
desc: 'Serv2',
checked: false,
},
{
desc: 'Serv3',
checked: false,
}
]
},
{
catg: 'Catg2',
servs: [
{
desc: 'Serv4',
checked: false,
},
{
desc: 'Serv5',
checked: false,
},
{
desc: 'Serv6',
checked: false,
}
]
}
]


Подробнее здесь: https://stackoverflow.com/questions/796 ... of-objects