我正在使用 Material-ui 庫的 AppBar 組件，我添加了一個按鈕，我會說它是在 AppBar 中硬編碼的，我正在嘗試將此按鈕轉換為 AppBar 中的一個文本，但我什么也沒有。
如何將 AppBar 中的按鈕轉換為文本？
應用程式.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>
)
};
應用欄：
<Button id={props.id} color={props.color} variant={props.variant}
href="#contained-buttons" onClick={props.handle}>{props.text}</Button>
Github上的完整代碼。
uj5u.com熱心網友回復：
使用variant="text"而不是variant="contained"將按鈕轉換為文本。
您的代碼將是：
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>
)
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/486253.html
標籤：javascript 反应 ecmascript-6 材料-ui web3js