Children Prop & Deriving State

Children Prop是指组件开闭标签之间的内容，比如

<Button bgColor="#7950f2" textColor="#fff" onClick={handlePrevious}>
  <span>👈</span> Previous  // ← 这就是 children 的内容
</Button>

为什么使用 children？

• 组件复用：允许按钮包含任意内容（图标、文本组合等）
• 类似原生 HTML：像使用普通 <button> 标签一样自然
• 组合模式：创建"容器组件"的核心机制

State VS Props

当别的state能够在另外一个state中分离出来时，没必要另外创建两个新的state，这样会导致需要保持这几个state同步更新，并且会导致三次重新渲染。
比如udemy的react课程中 travel list的小demo中的统计item个数的Stats组件中用到了该思想。