No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

P谩gina Home: lista

8/19
Recursos

Aportes 2

Preguntas 3

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Debido a que las funciones de JavaScript son 鈥渃iudadanos de primera clase鈥, al momento de hacer el then, como el par谩metro que tiene es el mismo que usamos dentro del setData, podemos simplificarlo de la siguiente manera:

  useEffect(() => {
    getPlantList({ limit: 10 })
      .then(setData)
  }, [])

Lo importante es la legibilidad, si te parece mejor la otra forma, no tienes porque cambiarlo 馃榿

import { useEffect, useState } from 'react'
import { Grid } from '@ui/Grid'
import { Button } from '@ui/Button'
import { Typography } from '@ui/Typography'
import { Layout } from '@components/Layout'
import { PlantCollection } from "@components/PlantCollection";
import { getPlantList } from "@api";



export default function Home() {
  const [data, setData] = useState<Plant[]>([])

  useEffect(() => {
    getPlantList({ limit: 10 }).then((receiveData) => setData(receiveData))
  }, [])

  return (
    <Layout>
      <PlantCollection plants={data} variant="square"></PlantCollection>
    </Layout>
  )
}