material-ui - 如何让键盘选项卡访问 Material UI 中存在的链接选择
问题描述
我在 Material UI Select 中有一个链接,我需要使用键盘 Tab 键访问它。我试图将 tabIndex 提供给该链接,但没有奏效。谁能帮我解决这个问题?请找到沙盒链接以获取完整代码。谢谢你。
代码:
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={note}
onChange={handleChange}
MenuProps={{
anchorOrigin: {
vertical: "bottom",
horizontal: "left"
} }}
// tabSelectsValue={false}
>
{VALID_NOTES.map(validNote => (
<MenuItem value={validNote}>{validNote}</MenuItem>
))}
<div style={{position:'sticky', bottom:0, backgroundColor: "white", zIndex: 2}}>
<Link tabIndex={0}>bottom sticky option for link</Link>
</div>
</Select>
代码沙箱链接:https ://codesandbox.io/s/material-demo-forked-v7ivh?file=/demo.tsx
解决方案
推荐阅读
- android - 蓝牙 ble writecharacteristics 返回 write_empty ondeviceresult
- python - 无法通过 ssh-tunnel 使用 ftplib 上传文件
- oracle - 在 APEX 的 SQL 命令中创建使用 APEX_JSON 的过程时,从 ORDS 返回错误 500
- vue.js - 如何修复块加载失败?
- node.js - @babel import _Object$defineProperty from "../../core-js/object/define-property" 的问题;
- jquery - 粘性导航栏未正确定位
- c++ - 确认在 TWS c++ API 中是否至关重要
- c# - 动态网络的最佳方法是什么?
- c# - 有没有办法将一个方法传递给 c# 中的另一个方法,最好的方法是什么?
- oop - 定义了 getter 和 setter 且没有后备变量的变量叫什么?