爆炒小黄鸡

摘要： 在 React 中表单组件可分为两类，受控与非受控组件. 一、 受控组件 设置了 value 的 <input> 是一个受控组件。 对于受控的 <input>，渲染出来的 HTML 元素始终保持 value 属性的值。例如： 上面的代码将渲染出一个值为 Hello! 的 input 元素。用户在渲染 阅读全文

摘要： DOM事件 一、绑定事件 在 React 中绑定事件的方式很简单，只需要在元素中添加事件名称的属性已经对应的处理函数，事件名称和其他属性名称一样，服从驼峰式命名。如： 二、合成事件 React事件处理将接受SyntheticEvent实例，它封装了浏览器原生事件对象，并对浏览器做了兼容。他和浏览器原 阅读全文

摘要： 一、ReactDOM 1.1 render() 在container中渲染一个React元素，然后返回组件一个引用（对于stateless组件，返回null）。如果React元素已经加入到了container中，再次执行上面的方法会执行更新操作，只在必要时更新DOM来反映最新的React元素。如果提 阅读全文

摘要： keys用于给数组中元素一个稳定的标识。选取key得最好方法是选择能够唯一标识这个item的字符串。如果没有独特的标识，在万不得已的情况下可以选择item的index作为key值。 key值只有在数组中才有意义。务必 把 key添加到子级数组里组件本身上，而不是每个子级内部最外层 HTML 上： F 阅读全文

摘要： 一、The ref callback attribute ref：reference，父组件引用子组件 组件并不是真实的 DOM节点，而是存在于内存之中的一种数据结构，叫做虚拟DOM。只有当它插入文档以后，才会变成真实的 DOM 。根据 React 的设计，所有的 DOM 变动，都先在虚拟 DOM 阅读全文

摘要： React拥有内置的类型检测机制，为组件的props运行类型检测。 PropTypes定义为组件类自身的属性，用以定义prop的类型。在开发模式下，当提供一个不合法的值作为prop时，控制台会出现警告；在产品模式下，为了性能考虑应忽略propTypes React.PropTypes输出一系列的验证 阅读全文

摘要： 一、 choosing the type at runtime 为了解决这个问题，我们将其赋值给首字母大写的变量 二、 props in JSX this.props引用属性，属性是不可以由组件自己进行修改，组件的属性是由父组件传递进来的。有多种方法指定JSX的props属性 2.1 键值对形式 p 阅读全文

摘要： 大部分组件的工作应该是从 props 里取数据并渲染出来。但是，有时需要对用户输入、服务器请求或者时间变化等作出响应，这时需要使用 State。在编写React App时，尝试把尽可能多的组件无状态化。 这样做能隔离 state，把它放到最合理的地方，也能减少冗余并，同时易于解释程序运作过程。常用的 阅读全文

摘要： 一、基本用法 ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 Symbol值通过Symbol函数生成。 阅读全文

摘要： 一、属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。ES6允许在对象之中，直接写变量。这时，属性名为变量名, 属性值为变量的值。简洁写法的属性名总是字符串. 除了属性简写，方法也可以简写。 如果某个方法的值是一个Generator函数，前面需要加上星号。 二 阅读全文