变换（Transformation）

设计 React 的核心前提是认为 UI 只是把数据通过映射关系变换成另一种形式的数据。同样的输入必会有同样的输出。这恰好就是纯函数。

  1. function NameBox(name) {
  2.   return { fontWeight: 'bold', labelContent: name };
  3. }
  1. 'Sebastian Markbåge' ->
  2. { fontWeight: 'bold', labelContent: 'Sebastian Markbåge' };