今天完成了props传递，条件渲染，渲染列表，如何保持组件纯粹，摘抄了如下笔记，用以增强记忆，亦方便日后查找。
- React组件使用props来互相通信。每个父组件都可以提供props给它的子组件，从而将一些信息传递给子组件；
- 要传递props，请将它们添加到JSX，就像使用HTML属性一样，如
中的src一样；
- 像
<Card><Avatar /></Card>这样的嵌套JSX，将被视为Card组件的children prop； - 在JSX中，
{cond && <A />}表示：“当 cond 为真值时, 渲染<A />，否则不进行渲染”； - 箭头函数 => { 后面的部分被称为 “块函数体”，块函数体支持多行代码的写法，但要用 return 语句才能指定返回值；
- key值在兄弟节点之间必须是唯一的。不过不要求全局唯一，在不同的数组中可以使用相同的key；
- 部分JavaScript函数是纯粹的，这类函数通常被称为纯函数。纯函数仅执行计算操作，不做其他操作。纯函数不会改变函数作用域外的变量、或在函数调用前创建的对象；
- 纯函数输入相同，则输出相同。给定相同的输入，组件应该总是返回相同的JSX；
- push、pop、reverse 和 sort 会改变原始数组，但 slice、filter 和 map 则会创建一个新数组。
接下来要学习添加交互的相关内容了，加油！