No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Agreguemos favoritos

16/22
Recursos

Aportes 2

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

En el video creo que hay un corte, donde pasan la prop: favorite al componente PokemonCard, y en este se lo pasan al Card, se lo pasan al isFavorite, este prop le llega a PokemonCard desde PokemonList como favorite={pokemon.favorite}

import { useDispatch } from 'react-redux';
import { Card } from 'antd';
import Meta  from 'antd/lib/card/Meta';
import StarButton from './StarButton';
import { setFavorite } from '../actions/index'

const PokemonCard = ({ name, image, abilities, id, favorite }) => {
const dispatch = useDispatch();
const allAbilities = abilities.map(ability => ability.ability.name).join(', ');

const handleOnFavorite = () => {
    dispatch(setFavorite({pokemonId: id}));
}
    return (
    <Card
        title={name}
        cover={<img src={image} alt={name} />}
        extra={<StarButton isFavorite={favorite} onClick = {handleOnFavorite}/>}
    >
        <Meta description={allAbilities}/>
    </Card>)
}

export default PokemonCard;

Va quedando genial, a quién más le gustó ?