将元素渲染到 DOM 中首先我们在一个 HTML 页面中添加一个 id=”root” 的:1<div id="root"></div> 在此 div 中的所有内容都将由 React DOM 来管理，所以我们将其称之为 “根” DOM 节点。 我们用React 开发 ...

JSX简介我们来观察一下声明的这个变量： 1const element = <h1>Hello, world!</h1> 这种看起来可能有些奇怪的标签语法既不是字符串也不是 HTML。 它被称为 JSX， 一种 JavaScript 的语法扩展。 我们推荐在 Reac ...

Module由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。 为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、 ...

Action是什么Action 类似于 mutation，不同在于： Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。 让我们来注册一个简单的 action：123456789101112131415const store = new Vu ...

constructor( )——构造方法这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( )方法。 ES5中，JavaScript是没有继承的写法的，因此，通过使用 prototy ...

Fragments的作用React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。 使用如下：123456789render() { return ( ...

1当使用es5时，是不需要用.bind()的。当使用es5 时，React会自动帮助我们给每一个function绑定一个this，所以我们不再需要手动绑定。 12345678910111213141516var HelloWorld = React.createClass({ g ...

受控组件在HTML当中，像 input , textarea , 和 select 这类表单元素会维持自身状态，并根据用户输入进行更新。但在React中，可变的状态通常保存在组件的状态属性中，并且只能用 setState() 方法进行更新。 我们通过使react变成一种单一数据源的状态来结合 ...

父组件向子组件传值 父组件通过属性进行传递，子组件通过props获取1234567891011121314151617181920//父组件class CommentList extends Component{ render(){ return( ...

组件之间的通信可以通过属性进行传值 1.首先在调用组件的标签里，写入属性，如下图所示 最后在组件里面使用 { props.name } 拿到该属性的值，如下图所示