reflux+react web 第五种写法

来源：互联网发布：java获取微信签名编辑：程序博客网时间：2024/06/05 08:43

//函数内对数据进行过滤。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)) 可以在组件获取后数据后对数据进行过滤。决定显示与否。

可以对获取后的数据进行过滤。

0 0