Skip to main content
3 de 3
se añadieron 51 caracteres en el cuerpo

Puede utilizar useMemo. Y filter los datos de esta manera:

import {useMemo} from 'react'

const filteredList = useMemo(() => {
  if (country === 'todos') { // Cuando "country" es "todos" entonces no filtrar
    return hotelsData
  }
  return hotelsData.filter(data => country === data.country)
}, [hotelsData, country])
<HotelCard newList={filteredList}/>

useMemo evitará cálculos innecesarios en cada render.