摘要：
/* 封装ajax函数 * @param {string}opt.type http连接的方式，包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求，true为异步的，false为同步 阅读全文
摘要：
React中的表单应用 用户在表单填入的内容，属于用户跟组件的互动，所以不能用this.props读取。 var Input = React.createClass({ //初始化组件数据 getInitialState(){ return {value:'hello'}; }, handleCha 阅读全文
摘要：
React中的Ajax 组件的数据来源，通常是通过Ajax请求从服务器获取，可以使用componentDidMount方法设置Ajax请求，等到请求成功，再用this.setState方法重新渲染UI。 var UserGist = React.createClass({ getInitialSta 阅读全文
摘要：
React的PropTYpes和获取真实DOM 组件的属性可以接受任意值，字符串，对象，函数等等都可以。有时，我们需要一种机制，验证别人使用组件时，提供的参数是否符合要求。 组件类的PropsTypes属性，就是用来验证组件实例的属性是否符合要求 var myTitle = React.create 阅读全文
摘要：
React this.props.children this.props对象的属性与组件的属性一一对应，但是有一个例外，就是this.props.children属性。它表示组件的所有子节点。 var NotesList = React.createClass({ render(){ return 阅读全文
摘要：
事件处理 React元素的时间处理和DOM元素的很相似。但是有一点语法上的不同； React时间绑定属性的命名采用驼峰式写法，而不是小写。 如果采用JSX的语法，你需要传入一个函数作为时间处理函数，而不是一个字符串（DOM元素的写法） 例如，传统的HTML： <button onclick="act 阅读全文
摘要：
ES6 class继承 class类的继承 class可以通过extends关键字实现继承，这笔ES5的通过修改原型连实现继承要清晰和方便很多。 class Point{ } class ColorPoint extends Point{ } 上面代码定义了一个ColorPoint类，该类通过ext 阅读全文
摘要：
State&生命周期 State&生命周期 到目前为止我们只学习了一种方法来更新UI。 我们调用ReactDOM.render()来改变输出： function tick(){ const element = ( <div> <h1>Hello,world!</h1> <h2>It is {new 阅读全文
摘要：
组件&Props 组件&Props 组件可以将UI切分成一些独立的、可复用的部件，这样你就只需要专注于构建每一个单独的组件。 组件从概念上看就像是函数，它可以接受任意的输入值（称之为“props”），并返回一个需要在页面上展示的React元素。 函数定义/类定义组件 定义一个组件最简单的方式是使用j 阅读全文
摘要：
元素渲染 元素渲染 元素是构成React应用的最小单位。 元素用来描述你在屏幕上看到的内容： const element=<h1>hello,world!</h1> 与浏览器的DOM元素不同，React当中的元素事实上是普通的对象，ReactDOM可以确保浏览器的数据内容与React元素保持一致。 阅读全文