cómo renderizar un componente en el botón, haga clic en reaccionar, ejemplo de código

Hacemos una verificación exhaustiva cada noticia de nuestra página web con el objetivo de mostrarte en todo momento información más veraz y actualizada.

Ejemplo: cargar un componente al hacer clic en el botón reaccionar

importReactfrom'react';importGridfrom'@material-ui/core/Grid';importButtonfrom'@material-ui/core/Button';importCssBaselinefrom'@material-ui/core/CssBaseline';importCardfrom'@material-ui/core/Card';importCardContentfrom'@material-ui/core/CardContent';importwithStylesfrom'@material-ui/core/styles/withStyles';conststyles=theme=>(
    card:
        minWidth:350,,
    button:
        fontSize:'12px',
        margin: theme.spacing.unit,
        minWidth:350,
    extendedIcon:
        marginRight: theme.spacing.unit,);classMainPageextendsReact.Componentconstructor()super();render()const
            classes
        =this.props;return(<React.Fragment><CssBaseline/><Grid container spacing =0
            direction ="column"
            alignItems ="center"
            justify ="center"
            style =
                    minHeight:'100vh'><
            form onSubmit =this.handleSubmit><Card className =
                classes.card><CardContent><Grid item xs =3><Button variant ="contained"
            size ="medium"
            color ="primary"
            className =
                classes.button
            type ="submit"
            value ="single">ButtonA</Button></Grid><Grid item xs =3><Button variant ="contained"
            size ="medium"
            color ="primary"
            className =
                classes.button
            type ="submit"
            value ="batch">ButtonB</Button></Grid></CardContent></Card></form></Grid></React.Fragment>);exportdefaultwithStyles(styles)(MainPage);

Sección de Reseñas y Valoraciones

---

---

Utiliza Nuestro Buscador