我知道在香草js中,我们可以做到
onclick="f1();f2()"
在ReactJS中调用onClick的两个函数等效于什么?
我知道调用一个函数是这样的:
onClick={f1}
将两个函数调用包装在另一个函数/方法中。这是该想法的几个变体:
1)分开的方法
var Test = React.createClass({ onClick: function(event){ func1(); func2(); }, render: function(){ return ( <a href="#" onClick={this.onClick}>Test Link</a> ); } });
或使用ES6类:
class Test extends React.Component { onClick(event) { func1(); func2(); } render() { return ( <a href="#" onClick={this.onClick}>Test Link</a> ); } }
2)内联
<a href="#" onClick={function(event){ func1(); func2()}}>Test Link</a>
或等效于ES6:
<a href="#" onClick={() => { func1(); func2();}}>Test Link</a>