我有一個帶有 Material UI Typography 的可點擊文本組件：
<MDBox mt={2} mb={1}>
<MDTypography variant="body2" style={{color: 'white', cursor:"pointer"}}
onClick={()=>dispatch({type: "goBackToPage1"})}
>
Go back to previous page
</MDTypography>
</MDBox>
如您所見，Typography 占據了整個行區域，因此即使我將滑鼠放在綠色區域（在同一行但在文本區域之外），滑鼠仍然變成指標，您仍然可以單擊它。
如何將點擊限制在文本上，而不是整個行區域？
uj5u.com熱心網友回復：
您可以嘗試將“組件”道具傳遞給 MUI 排版并將其設定為跨度
<Typography component="span">
...
</Typography>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/492151.html
標籤：javascript 反应 材料-ui 点击 鼠标光标
上一篇：如何使用Javascript將陣列包含物件推送到帶有鍵的物件？
下一篇：按首字母排序和呈現聯系人串列