🐔
Material-UI: disableになってるオブジェクトにホバーしてもTooltipが出せないよ〜〜😭という迷い人たちへ
本当にメモ書きくらいの記事なんですけど……
もうね、題名の通りですよ！！Material-UIでdisableしてるオブジェクト(例: ItemMenu)にホバーしたときTooltipが出せるようにしたいときあるジャン？？
結論は「Tooltipタグとの間になんか1個はさんどけ」です、以上！これでもだめな場合はもうワタシワカリマセン。
これだと表示されない😭
<Tooltip title={[当該MenuItemがdisableされる条件] ? 'このMenuItemは無効だよん' : null}>
<MenuItem disabled={[当該MenuItemがdisableされる条件]}>
{t('disabledだよん')}
</MenuItem>
</Tooltip>
これで表示される👶
<Tooltip title={[当該MenuItemがdisableされる条件] ? 'このMenuItemは無効だよん' : null}>
<div>
<MenuItem disabled={[当該MenuItemがdisableされる条件]}>
{t('disabledだよん')}
</MenuItem>
</div>
</Tooltip>
引き続きtsxやっていきましょう👦
参考)
Discussion