Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 弹出式屏幕上的自动对焦功能_Reactjs_Material Ui - Fatal编程技术网

Reactjs 弹出式屏幕上的自动对焦功能

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

Material UI ReactJS:Material UI是否支持弹出窗口上的任何自动对焦功能


一旦打开材质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组件,而在于它的内容。