Reactjs 弹出式屏幕上的自动对焦功能
Material UI ReactJS:Material UI是否支持弹出窗口上的任何自动对焦功能Reactjs 弹出式屏幕上的自动对焦功能,reactjs,material-ui,Reactjs,Material Ui,Material UI ReactJS:Material UI是否支持弹出窗口上的任何自动对焦功能 一旦打开材质UI popover,我想在popover上设置焦点。您想设置什么焦点 应在某些Popover内容子对象上设置“自动聚焦”属性 例如,我们使用Material UI TextField的“autoFocus”属性: MaterialUI弹出框继承了模态API。据推测,disableAutoFocus属性允许不关注Popover/Modal内容,但我也体验到它一开始从不关注 我的popo
一旦打开材质UI popover,我想在popover上设置焦点。您想设置什么焦点 应在某些Popover内容子对象上设置“自动聚焦”属性 例如,我们使用Material UI TextField的“autoFocus”属性:
MaterialUI弹出框继承了模态API。据推测,
disableAutoFocus
属性允许不关注Popover/Modal内容,但我也体验到它一开始从不关注
我的popover中有
标签。所以,我一打开popover,就需要关注它。我知道textfield有这个属性,但因为我的popover中没有这个属性,所以我显式地尝试使用ref
和.focus()来关注它。但现在的问题是,在关闭popover后,选项卡顺序会发生变化,即,单击tab键时,选项卡流不会切换到popover图标后的下一个元素,而是从头开始。可能是因为popover不在自然选项卡流中。为什么要将焦点设置在标记上?如果它真的是您想要的,那么您必须自己实现焦点属性/状态,因为在材质ui中没有“自动聚焦”链接组件。您应该实现类似“FocusableLink”的组件,也许。。。无论如何,问题不在于Popover组件,而在于它的内容。