多数据的事件绑定,循环数据来进行绑定。如下方式就是循环绑定事件的基本代码:
this.state.lists.map(function(value,index,array){ //代码片段 }.bind(this))
这里是一块事件绑定的例子,可以点击按钮,点击的那个按钮来实现选中的状态,并且可获取点击按钮的值:
var Ask = React.createClass({ getInitialState: function() { return { lists:[ //初始化button里面的值,即钱的值 {data:8}, {data:28}, {data:88} ], addClass: false //用于添加class } }, handleItemClick:function(item,addClass){ var that = this; // 点击按钮改变样式 that.setState({ addClass: item }); }, render: function() { return ({ // 选择金额按钮模块 this.state.lists.map(function(value,index,array){ return ); }});// 悬赏金额按钮循环模块var Item = React.createClass({ handleClick:function(){ this.props.onClick(this.props.data,this.props.addClass) }, render:function(){ return (- }.bind(this)) }