//函数内对数据进行过滤。return 真表示显示。 var TodoComponent=React.createClass({ mixins:[ Reflux.connectFilter(TodoStore,'list',function(list){ //console.log(list); return list.filter(function(item){ return item.userName !='star'; }) }) ], getInitialState:function(){ return {list:[],text:''} }, componentDidMount:function(){ TodoActions.getAll({pid1:123,pid2:141}); }, onChangeText:function(ev){ //this.setState({text:ev.target.value}); //最新的refs获取标签不需要getDOMNode()了 this.setState({text:this.refs.reftext.value}) }, onAddItem:function(){ var data={userName:this.state.text}; TodoActions.addItem(data); this.setState({text:''}) }, render:function(){ return ( <div> {this.state.list.map(function (item,index) { return <p key={index}>{item.userName}</p> })} <input type="text" value={this.state.text} onChange={this.onChangeText} ref="reftext" /> <button onClick={this.onAddItem}>添加</button> </div> ); } })
组件监听store第五种写法 :
Reflux.connectFilter(store,'list',fn(list)) 可以在组件获取后数据后对数据进行过滤。决定显示与否。
可以对获取后的数据进行过滤。