No puedo entender por qué el filtro no funciona. La función obtiene un objeto. Si hay el mismo objeto en el estado, la función elimina este objeto del estado. Si no, agregue al estado. El problema es que el objeto reescribe el estado, pero no lo agrega al estado.
Por ejemplo, objeto {a: 1, b: 2}
const [products, setProducts] = useState<any[]>([]); const addObject = (data) => { const sameData = !!products.find((item) => item.id === data.id); const deleteData = products.filter((item) => item.id !== data.id); const newData = sameData ? deleteData : [...products, data]; return setCheckedRoles(newData); };Como resultado no obtengo [{a: 1, b: 2}, {a: 2, b: 4}, {a: 8, b: 3}]; pero solo un objeto que llega a funcionar [{a: 1, b: 2}]
Desea que deleteData se ejecute solo cuando sameData es verdadero, pero en su lugar se ejecuta en el momento en que lo define. (recuerde que se está invocando filter() )
Para obtener el comportamiento esperado, mueva deleteData para que sea una función y ejecútela según su deseo.
const [products, setProducts] = useState<any[]>([]); const deleteData = (products) => products.filter((item) => item.id !== data.id); const addObject = (data) => { const sameData = !!products.find((item) => item.id === data.id); const newData = sameData ? deleteData(products) : [...products, data]; return setCheckedRoles(newData); }; También busque un mejor nombre para la función addObject :)