[Solved] how to send the data from one component to another component when i press a button. React.js

Nvidia99 Asks: how to send the data from one component to another component when i press a button. React.js
I have a table where i render a data from the pokemon api, well in the table i have a button and when you press the button you get the data from the arrow, so i want to send that data from my component table to another component card and in that card render only the data which you select from the table. But i don’t know how to send the data to my component Card whitout render my card five times in my table. Now i get the data when i press the button, i just need to send him.

Table component

Code:
export const Lista = (props) => {
    
    const [, setPokeSelec] = useState({
    })
    
    const selectArrow = ( poke ) => {

        setPokeSelec( poke );
        console.log(poke);
    }
    
    return (

        <>
            <TableRow key={ props.info.id }>
                <TableCell component="th" scope="row">
                    { props.info.id }
                </TableCell>
                <TableCell align="right">{ props.info.name }</TableCell>
                <TableCell align="right">{ props.info.abilities[0].ability.name}</TableCell>
                <TableCell align="right">
                    <img src={ props.info.sprites.front_default } alt={ props.info.name } style={{ height: 60 }} />
                </TableCell>
                <TableCell align="right">
                    <Button 
                        variant="contained" 
                        color="primary" 
                        size="small" 
                        onClick={ () => selectArrow( props.info ) }
                    >
                        Seleccionar
                    </Button>
                    </TableCell>
            </TableRow>
        </>
    )
}

Card component

Code:
export const Informacion = () => {

    const classes = useStyles();

    return (
        <div className={ classes.margen } >
            <Box display="flex" justifyContent="center" alignItems="center">
                <Card className={classes.root}>
                    <CardMedia
                        className={classes.cover}
                        image={pika}
                        title="Live from space album cover"
                    />
                    <div className={classes.details}>
                        <CardContent className={classes.content}>

                        <Typography component="h5" variant="h5">
                            Pikachu
                        </Typography>

                        <Divider/>

                        <Typography variant="subtitle1" color="textPrimary">
                            Tipo:
                        </Typography>

                        <Typography variant="body1" color="textSecondary">
                            Electrico
                        </Typography>

                        <Typography variant="subtitle1" color="textPrimary">
                            Primera habilidad:
                        </Typography>

                        <Typography variant="body1" color="textSecondary">
                            Impactrueno
                        </Typography>

                        <Typography variant="subtitle1" color="textPrimary">
                            Segunda habilidad:
                        </Typography>

                        <Typography variant="body1" color="textSecondary">
                            Rayo
                        </Typography>

                        </CardContent>
                    </div>
                </Card>
            </Box>
        </div>
    )
}

Thanks for your time!!

Ten-tools.com may not be responsible for the answers or solutions given to any question asked by the users. All Answers or responses are user generated answers and we do not have proof of its validity or correctness. Please vote for the answer that helped you in order to help others find out which is the most helpful answer. Questions labeled as solved may be solved or may not be solved depending on the type of question and the date posted for some posts may be scheduled to be deleted periodically. Do not hesitate to share your response here to help other visitors like you. Thank you, Ten-tools.