DOM 的全称是 Document Object Model (文档对象模型)

响应式 UI

constThinkerWithHat=({})=>(
  <div>
    <Hat={hat}/>
    <Thinker/>
  </div>
);

注意，你只需定义你想要的 (戴帽子的思想者)，并“连接”上数据 (​​“type = {hat}”​​) 。当数据发生变化时 (用户选择一顶帽子)，UI 会自动更新。