数组 => 元素列表：
1-1
键帮助 React 标识哪个项被修改、添加或者移除了（key会传递信息给React但并不会传递给组件），数组中的每一个元素都应该有一个唯一不变的键key来标识，key 只在数组的上下文中存在意义，所以key的指定应该在数组的上下文中
Key需要放在被处理的数组元素中，而不是引用组件时的根元素上，一个好的经验准则是元素中调用 map() 需要 keys，如果数组的顺序可能会变化那么不建议以index用作key值，因为这会导致性能变差或者引起组件状态的问题，如果不指定key，React默认使用Index。
1-2
1-3
表单 => 受控组件
与HTML中的表单元素不同的是，React的表单元素无法自己维护state，也无法根据用户输入进行更新，可变状态通常保存在state属性中，也只能通过setState()更新。如果让React的state成为“唯一数据源”，渲染表单的组件还控制着用户输入过程中的操作，这种表单输入元素就被叫做“受控组件”。
1-4
原理？ 由于在表单元素航设置了value属性为state.value，所以React的state成为唯一数据源。而在handleChange的时候会触发React的state更新，因此显示的值也会随着用户输入更新。
> textarea元素的文本由子元素定义，而在React中则由value属性代替。
> select标签由selected来确定被选中项，React中则是在根元素select上使用value属性，如果是多个选项被选中，value可以是数组的形式。
> input中的type=file这种类型是只读的，因此它是一个非受控组件
网友评论