import React, { useContext } from "react"; import style from "./Robot.module.css"; import { appContext, appSetStateContext } from "../AppState"; import {withAddToCart} from './AddToCart' export interface Robotprops { id: number; name: string; email: string; addToCart:(id,name)=>void } const Robot: React.FC<Robotprops> = ({ id, name, email,addToCart }) => { const value = useContext(appContext); return ( <> <div className={style.cardContainer}> <img src={`https://robohash.org/${id}`} alt="root" /> <h2>{name}</h2> <p>{email}</p> <p>{value.username}</p> <button onClick={()=>addToCart(id,name)}>加入购物车</button> </div> </> ); }; export default withAddToCart(Robot);