Acabo de hacer una página y uso el botón de enlace envuelto, pero el problema es que cuando hago eso, el texto del botón tiene subrayado

Me gusta esto (cerrar sesión)

entonces mi pregunta es, cómo hacer que un enrutador de botones reaccione y no cambie nada en el botón, simplemente agregue acción con el botón, haga clic y listo, también lo hago con la función pero muestra un error como este

extraño es cuando ejecuto en sandbox no tiene ese error https://codesandbox.io/s/quizzical-gould-olgow

aqui mi codigo en local

import React from 'react'; import PropTypes from 'prop-types'; import { withStyles } from '@material-ui/core/styles'; import AppBar from '@material-ui/core/AppBar'; import Toolbar from '@material-ui/core/Toolbar'; import Typography from '@material-ui/core/Typography'; import Button from '@material-ui/core/Button'; import IconButton from '@material-ui/core/IconButton'; import MenuIcon from '@material-ui/icons/Menu'; import './studentHome.css' import ExitToAppIcon from '@material-ui/icons/ExitToApp'; import { withRouter, Link } from "react-router-dom"; const styles = { root: { flexGrow: 1, }, flex: { flex: 1, }, menuButton: { marginLeft: -12, marginRight: 20, }, }; const logout=()={amp}gt;{ this.props.history.push("/home"); } function ButtonAppBar(props) { const { classes } = props; return ( {amp}lt;div className={classes.root}{amp}gt; {amp}lt;AppBar position="static"{amp}gt; {amp}lt;Toolbar{amp}gt; {amp}lt;IconButton className={classes.menuButton} color="inherit" aria-label="Menu"{amp}gt; {amp}lt;MenuIcon /{amp}gt; {amp}lt;/IconButton{amp}gt; {amp}lt;Typography variant="title" color="inherit" className={classes.flex}{amp}gt; Hệ thống thi ABC-ONLINE {amp}lt;/Typography{amp}gt; {amp}lt;ExitToAppIcon/{amp}gt; {amp}lt;Link to="/"{amp}gt;{amp}lt;/Link{amp}gt; {amp}lt;Button color="inherit" onClick{amp}gt;Log Out{amp}lt;/Button{amp}gt; {amp}lt;/Toolbar{amp}gt; {amp}lt;/AppBar{amp}gt; {amp}lt;/div{amp}gt; ); } ButtonAppBar.propTypes = { classes: PropTypes.object.isRequired, }; export default withStyles(styles)(ButtonAppBar); 

en mi local, copio el mismo código que codesandbox y muestra un error, no sé por qué, pero uso el enlace, tiene texto subrayado, por favor ayuda, gracias

1) tal vez tenga un CSS global que causa subrayado en el texto del botón, verifique todos sus archivos CSS,

2) puede usar Chrome F12 y luego Ctrl Shift C y seleccionar su botón y ver todos los CSS efectuados en su botón

Babak Yaghoobi

es un nuevo contribuyente a este sitio. Tenga cuidado al pedir aclaraciones, comentarios y respuestas. Mira nuestro

Código de Conducta

.