小白开始学习前端全栈之react的简单理解

2015-08-20 17:21:00
hainuo
原创 2456
摘要:个人对react的一点小理解
我觉得线上代码作分析比较好一点```var React=require('react/addons');var TodoItem=require('./TodoItem.jsx');module.exports=React.createClass({ mixins:[React.addons.LinkedStateMixin], getInitialState(){ return { todoItems: [ { task:'learn ooreact', }, { task:'learn webpack', }, { task:'conquer world', } ], owner:'john doe', }; }, render(){ console.log(this.state); var todoItems= this.state.todoItems; var owner=this.state.owner; return
    {todoItems.map((todoItem,i)=>
  • )}
; }, updateOwner(e){ this.setState({ owner: e.target.value, }); },});```1. 代码中有一个初始化方法`getInitialState`是用来创建一个本地变量叫做`state`的,所以它能够使用这样的方式来获取`this.state`。1. 双向绑定 reactlink的使用方式很简单就是调用一下`react/addons`,然后就是要做一个变量替换使用方式是直接调用取值表达式`{this.linkState('yourvalue')}`,当然前提也是有的所以在`input`框中是这样定义 **value`Link`={this.linkState('your value')}** 来绑定
发表评论
叁 减 贰 =
评论通过审核后显示。