对React的研究-------------引用

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

响应式 UI

const ThinkerWithHat = ({ hat }) => (
  <div>
    <Hat type={hat} />
    <Thinker />
  </div>
);

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