以编程方式反应聚焦元素

Question

我有以下代码

const App = () => {
   const mainContentRef = useRef(null);
   return <div>
       <button onClick={() => mainContentRef.current?.focus()}></button>
       <div ref={mainContentRef}> {...applicationContent}</div>
    </div>
}

尽管由于某种原因，尽管存在当前元素上的ref和focus（）函数，但主内容div从未集中。

此代码是为了问这个问题而简化的，但是我的最终目标是构造一个可访问性跳过链接。

Answer 1

弄清楚了这一点，通过将制表符索引设置为大于或等于0的数字，便可以将注意力集中在DIV元素上。