反应成分组成但令人困惑

Question

我这里有一个代码片段，基本上展示了Dan提到的想法，即提升react中的内容，以自然地提高性能并编写更简洁的代码。在InputField组件中，按钮总是呈现，这不是我想要的行为，它应该跳过呈现按钮组件。所以它应该做的是跳过渲染，因为按钮是inputfield的子道具，如果子道具没有改变，react将跳过渲染。

Dan解释的类似概念示例:“当颜色改变时，ColorPicker重新渲染。但它仍然有上次从应用程序获得的相同子属性，因此React不会访问该子树”

所以我在这里很困惑，是不是多个子道具的问题，因为InputField有value，onChange，子道具，其中一个改变，react决定更新其他的？我这里有一个例子，可以证明这不是多道具的问题。

编辑：后续问题，在现实世界中，顶级组件必须具有各种用途状态，状态更新等，这是否意味着“提升内容”（组件组成）在现实世界中不切实际？只是从节省一些渲染计算能力的角度来看。（我们知道它还有其他好处，比如帮助一些螺旋钻探）是否有任何现实世界的实现，代码示例？？

Answer 1

感谢@Jacob Smit的评论。解决了我的问题。My Button组件在组件结构中仍然处于较低的位置，“提升内容”的方式是在代码中提升内容（组件），这样当您在较低的组件中设置State（）时，它不会影响该组件的内容。因此下部组件保留了必须传递的道具。在这里，正如Jacob所说，我的setState（）将触发Button和InputField的重新呈现，因此将呈现Button。