我在我的項目中使用材質 ui 按鈕。最初添加按鈕只有+ 圖標。當鼠標懸停時,我需要將按鈕的內容從圖標更改為文本“創建項目”代碼如下。import Fab from '@material-ui/core/Fab';import AddIcon from '@material-ui/icons/Add';import { makeStyles } from '@material-ui/core/styles';const useStyles = makeStyles(theme => ({ iconHover: { '&:hover': { border: '2px solid green', //TODO display the text CREATE ITEM instead of AddIcon } }, floatBtn: { marginRight: theme.spacing(1), },}));const Index = () => { const classes = useStyles(); return( <div className={classes.floatBtn}> <Fab size="small" color="secondary" aria-label="add" className={classes.iconHover}> <AddIcon /> </Fab> </div>)};關于如何實現這一目標的任何想法?
在鼠標懸停時顯示文本而不是圖標 - 反應材料 ui 按鈕
冉冉說
2022-01-07 10:49:15