reactjs - 如何禁用 ReactJS 中特定输入的选项卡按钮？

Question

我在几个页面上输入了一些内容，并通过它们进行了动画处理。您必须单击该按钮才能获取下一页和下一轮输入，但是当您到达每个页面的末尾时，您可以点击选项卡按钮，它会专注于下一个输入字段，这会中断动画流并展示。我可以禁用选项卡按钮吗？

Answer 1

如果您只想阻止字段从选项卡接收焦点，则可以将 tabIndex 属性设置为 -1。

<form>
  <input type="text" />
  <input type="text" />
  <button>button</button>
  <input type="text" tabIndex="-1" />
</form>