摘要：
propTypes 概念 React拥有内置的类型检测机制，为组件的props运行类型检测。PropTypes定义为组件类自身的属性，用以定义prop的类型。在开发模式下，当提供一个不合法的值作为prop时，控制台会出现警告（warning），但不会报错，程序可以正常运行；在产品模式下，为了性能考虑 阅读全文
摘要：
JSX IN DEPTH _______ JSX 从根本上说，JSX只是提供了语法糖React.createElement(component, props, ...children)的功能。以下JSX代码： 指定React元素类型 一个JSX标签的第一部分确定了React元素的类型。 大写类型表明 阅读全文
摘要：
Lifting State Up state提升 1. 对于在React应用程序中更改的任何数据，应该有一个单一的数据源。通常，都是将state添加到需要渲染的组件。如果其他组件也需要它，您可以将其提升到最接近的共同祖先。而不是尝试在不同组件之间同步状态，您应该依赖于自上而下的数据流。 2. 如果一 阅读全文
摘要：
Lists and Keys React支持以数组的形式来渲染多个组件，它会将你数组中的每个组件以列表的形式渲染开来。 当你使用数组的方式来渲染你的组件时，你需要给每个组件一个Key值,否则会出现一个警告，提示指出应该为列表的每一项提供一个属性key，如下代码所示： 分配key后的代码如下： Key 阅读全文
摘要：
Components 组件 1.组件 可以让UI独立的分割出来，可以让UI重复利用。 2.组件就像是JavaScript函数，它们能够接收任意的输入（称为“props”,即属性）并且返回React元素。 3.组件可以嵌套组件。 用javascript函数定义一个组件（Functional Compo 阅读全文
摘要：
第23节 React Render Element 1、Element 元素是反应应用程序的最小积木。 元素描述你在屏幕上看到的内容.： ==不同于浏览器的DOM元素，react元素是普通的对象，React 通过解析每一个创建的 Element， 计算出需要对 DOM 进行的实际操作来完成渲染的== 阅读全文
摘要：
React JSX语法 JSX只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，当然你想直接使用纯Javascript代码写也是可以的，只是利用JSX，组件的结构和组件之间的关系看上去更加清晰。 例如： 会被转化成 这个方法的第一个参数可以是一个字符串，表示是一个 阅读全文
摘要：
Class基本语法 关于es6的class简介： ES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、 阅读全文
摘要：
React的学习 React概述： React是一个用于构建用户界面的JavaScript库。 React主要用于构建UI，很多人认为React是MVC中的V（视图）。 React起源于Facebook 的内部项目，用来假设Instagram的网站，并与2013年5月开源。 React拥有较高的性能 阅读全文
摘要：
Promise 概念 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 特点 1. 对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rej 阅读全文