核心提示:如下代码是reflux 的骨架import React from react;import Reflux from refluxvar ReactDOM = require(react-dom);va...
如下代码是reflux 的骨架
import React from 'react'; import Reflux from 'reflux' var ReactDOM = require('react-dom'); var mainAction = Reflux.createActions([ 'sayHello' ]); var mainStore = Reflux.createStore({ listenables: [mainAction], getInitialState:function(){ return {name:"default"} }, data: {}, onSayHello: function (val) { this.data.name = "hello " + val; this.trigger(this.data); } }) var HelloWorld = React.createClass({ mixins: [Reflux.connect(mainStore, "xixi")], say: function () { mainAction.sayHello("lili"); }, render: function () { return <p> <a onClick={this.say}>点击触发</a> <p >{ this.state.xixi.name}</p> </p> } }) ReactDOM.render( <HelloWorld /> , document.getElementById('J_contentContainer'))