Skip to main content
se añadieron 51 caracteres en el cuerpo
Origen Enlace

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.

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

import {useMemo} from 'react'

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

useMemo evitará cálculos innecesarios en cada render.

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.

se añadieron 52 caracteres en el cuerpo
Origen Enlace

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

import {useMemo} from 'react'

const filteredList = useMemo(() => {
  if (country === 'todos') {
    return hotelsData
  }
  return hotelsData.filter(data => country !== "todos" && country === data.country)
}, [hotelsData, country])
<HotelCard newList={filteredList}/>

useMemo evitará cálculos innecesarios en cada render.

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

import {useMemo} from 'react'

const filteredList = useMemo(() => {
  hotelsData.filter(data => country !== "todos" && country === data.country)
}, [hotelsData, country])
<HotelCard newList={filteredList}/>

useMemo evitará cálculos innecesarios en cada render.

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

import {useMemo} from 'react'

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

useMemo evitará cálculos innecesarios en cada render.

Origen Enlace

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

import {useMemo} from 'react'

const filteredList = useMemo(() => {
  hotelsData.filter(data => country !== "todos" && country === data.country)
}, [hotelsData, country])
<HotelCard newList={filteredList}/>

useMemo evitará cálculos innecesarios en cada render.