Question

一直在研究React并且想知道，分离聪明和愚蠢的组件的最佳实践。下面的例子父控制状态，但是我把按钮ui放在渲染中，如果它们进入子节点并通过回调实现回父节点或者是否过度杀伤？想法......我的代码是

zip()

Answer 1

我认为这种情况下的分离是好的。这些按钮直接涉及Parent的状态，因此只为他们创建一个孩子将是一种矫枉过正。通常，“转储”组件仅仅是在视觉上显示数据/状态。有时候它们包含按钮之类的元素，但他们唯一要做的就是通知外界 X 事情发生了。

儿童也可能是无国籍的职能：

const Child = ({ greeting, count }) => (
  <div>
    <p>I said { greeting } { count } times</p>
  </div>
);

你可以试着让一个组件成为一个功能。如果你不能那么它可能不像你认为的那样转储：）