Tengo 2 vars estatales
const [services, setServices] = useState([]); const [servicesTwo, setServicesTwo] = useState([]);Recupero algunos datos de mi tienda redux y configuro los vars así
const searchResults = useSelector((state) => state.search); useEffect(() => { if (!!searchResults) { setServices(searchResults); setServicesTwo(searchResults); }, [searchResults]);Son conjuntos de objetos y quiero poder ordenar uno sin afectar al otro, pero actualmente, cuando los ordeno, ambos cambian de orden. Este es mi código de clasificación:
const sortResults = (property) => { switch (property) { case 0: if (resultsSorting === 0) { services.products.sort((a, b) => { return Number(a.vendorRating) - Number(b.vendorRating); }); setResultsSorting(); } else { services.products.sort((a, b) => { return Number(b.vendorRating) - Number(a.vendorRating); }); setResultsSorting(0); } break; case 1: if (resultsSorting === 1) { services.products.sort((a, b) => { return Number(a.vendorYearsExperience) - Number(b.vendorYearsExperience); }); setResultsSorting(); } else { services.products.sort((a, b) => { return Number(b.vendorYearsExperience) - Number(a.vendorYearsExperience); }); setResultsSorting(1); } break; } };Un poco de ayuda sería muy apreciada :)
Al igual que @Webbh mencionó setServices([...searchResults]) en ambos solucionó el problema