Estoy usando el componente AppBar de la biblioteca material-ui, agregué un botón, diría que está codificado en AppBar, estoy tratando de transformar este botón en solo un texto en AppBar, pero no obtuve nada.
¿Cómo puedo transformar el botón en AppBar en solo texto?
Aplicación.js:
const connectWalletChecker = () => { return( <div> <SearchAppBar id='walletButton' apptitle={apptitle} color='primary' variant='contained' text='Connect Wallet' handle={connectWalletPressed}/> </div> ) } const AlreadyConnected = () => { return( <div> <SearchAppBar id='walletButton' apptitle={apptitle} color='primary' variant='contained' text={walletAddress} handle={null}/> </div> ) } return( <div> {walletAddress ? AlreadyConnected() : connectWalletChecker()} </div> ) };Barra de aplicaciones:
<Button id={props.id} color={props.color} variant={props.variant} href="#contained-buttons" onClick={props.handle}>{props.text}</Button>Código completo en Github .
use variant="text" en lugar de variant="contained" para transformar el botón en texto.
su código será:
const connectWalletChecker = () => { return( <div> <SearchAppBar id='walletButton' apptitle={apptitle} color='primary' variant='text' text='Connect Wallet' handle={connectWalletPressed}/> </div> ) } const AlreadyConnected = () => { return( <div> <SearchAppBar id='walletButton' apptitle={apptitle} color='primary' variant='text' text={walletAddress} handle={null}/> </div> ) } return( <div> {walletAddress ? AlreadyConnected() : connectWalletChecker()} </div> ) };