Javascript 如何在React中设置自动对焦？

我试图在我的React页面上设置焦点，但它不起作用，因为我认为组件更新会覆盖

componentDidUpdate

还有别的办法吗

这是我通常用来聚焦的代码

document.querySelector("#input-box").focus();

---

如果使用react，理想情况下应该使用REF并使用它们设置焦点。检查已接受的答案是否正确

如果组件经常失去焦点，那么如果为组件设置的键值不是唯一的，就会发生这种情况。React使用设置的关键点值跨渲染周期跟踪组件。如果关键帧生成不正确，则可能出现组件在渲染周期中失去焦点的情况。例如，当用户在一个受控输入框中键入时，该输入框会自动关闭