useRef 还是 DOM api？

【问题标题】：useRef or DOM api?useRef 还是 DOM api？
【发布时间】：2021-01-05 04:48:27
【问题描述】：

由于 react 文档提到不要过度使用 useRef：https://reactjs.org/docs/refs-and-the-dom.html#dont-overuse-refs，我的脑海中有一个困惑。

在我当前的反应编码风格中，我使用 dom api 来操作 dom 而不是 useRef 钩子，因为我制定了仅在绝对需要时才使用 useRef 的规则，但我无法制定逻辑为什么我必须将 useRef 替换为dom api。还是在这种情况下我应该使用Ref？

【问题讨论】：

【解决方案1】：

看看你链接到的材料到底在说什么：

您的第一个倾向可能是在您的应用中使用 refs 来“让事情发生”。如果是这种情况，请花点时间更批判性地思考应该在组件层次结构中的哪个位置拥有状态。通常，很明显“拥有”该状态的适当位置位于层次结构中的更高级别。

它说你应该避免使用 refs（因此直接操作 DOM 元素），而应该通过 state 和 props 来改变 DOM。

如果您需要直接访问 DOM，那么您应该绝对使用 refs。它质疑直接访问 DOM 的必要性，而不是使用 refs 来获取它。

【讨论】：