我的案例的最佳实践:回调/钻取或useContext？

Question

我仍然在学习React，我只想知道，如果我想将数据从组件A传输到B(显然反之亦然)，是否建议使用钻取和回调函数或useContext (或其他任何东西)。在我的实际情况下，我还会使用更多嵌套的组件。我认为，如果有大量的声明，并且可能有更好的方法来实现这一点，那么在App.js内部声明两个组件中所需的所有内容都没有多大意义。

简化示例：

  function App() {
  return (
    <>
      <A />
      <B />
    </>
  );
}

const A = () => {
  return (
    <>
      <h1>A</h1>
      <input value=""></input>
    </>
  );
};

const B = () => {
  const changeTextfieldInA = () => {
    // change the value in the input of A to "X"
  };
  return (
    <div>
      <h1>B</h1>
      <button onClick={() => changeTextfieldInA}>Change text</button>
    </div>
  );
};

Answer 1

对于这样一个简单的案例，道具和回调是最好的解决方案。你说得对，当应用变得更大时，它会变得很混乱。但需要另一种解决方案(Redux.)一般没多久就来了。道具和回调都很好！