首页 > 解决方案 > 如何让键盘选项卡访问 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

标签: material-ui

解决方案


推荐阅读