Saltar al contenido

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

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *