javascript - 没有状态和 Prop 的 React App

Question

我想知道它是否完全符合React原则。我制作了一个没有状态和 Prop 的React应用程序。我只将纯javascript放在componentDidMount中，例如

componentDidMount(){
  const first = document.getElementById('first');
  const second = document.getElementById('second');
  function funk(){
     console.log(first.innerHTML);
     second.innerHTML = "Arrr";
  }
  funk();
}

当然这只是一个例子，我的应用程序要复杂得多。

Answer 1

从技术上讲，您可以(您可能已经知道)。
你应该这样做吗？一个又大又发光的NO!。

通过这种直接针对 DOM 的方法，您绕过并错过了 React 必须通过 Reconciliation and The Diffing Algorithm 提供的大部分优点。 .

如果你真的(真的)需要定位DOM，你可以使用react的ref API .
你可以在他们的 docs 中看到应该谨慎使用:

Don’t Overuse Refs
Your first inclination may be to use refs to “make things happen” in your app. If this is the case, take a moment and think more critically about where state should be owned in the component hierarchy. Often, it becomes clear that the proper place to “own” that state is at a higher level in the hierarchy. See the Lifting State Up guide for examples of this.