react function 参数处理

2017-03-05  本文已影响0人  fourzyz

render: function() { return <p onClick={this.handleClick.bind(this, 'extra param')}>;}

handleClick: function(param, event) { // handle click}

由上面可以看出,Event一般都是作为最后一个参数传递到handleClick中,这里的event是SyntheticEvent对象,它的主要属性如下:

在React中,也会经常遇到需要为某个群组绑定事件的情况,可以参考如下代码:

var GroceryList = React.createClass({ handleClick: function(i) { console.log('You clicked: ' + this.props.items[i]); }, render: function() { return ( <div> {this.props.items.map(function(item, i) { return ( <div onClick={this.handleClick.bind(this, i)} key={i}>{item}</div> ); }, this)} </div> ); }});React.render( <GroceryList items={['Apple', 'Banana', 'Cranberry']} />, mountNode);
上一篇 下一篇

猜你喜欢

热点阅读