react 保持组件纯粹

纯函数：组件作为公式
在计算机科学中（尤其是函数式编程的世界中），纯函数 通常具有如下特征：

只负责自己的任务。它不会更改在该函数调用前就已存在的对象或变量。
输入相同，则输出相同。给定相同的输入，纯函数应总是返回相同的结果。

 

function Cup({ guest }) {

  return <h2>Tea cup for guest #{guest}</h2>;

}

export default function TeaSet() {

  return (

    <>

      <Cup guest={1} />

      <Cup guest={2} />

      <Cup guest={3} />

    </>

  );

}