小白開始學習前端全棧之react的簡單理解

2015-08-20 17:21:00
hainuo
原創 2145
摘要:箇人對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')}** 來綁定
發錶評論
玖 減 叄 =
評論通過審核後顯示。