react function 参数处理

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);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容