我知道在vanilla JavaScript中,我们可以做到:
onclick="f1();f2()"
在ReactJS中进行两次函数调用的类似功能是什么?
我知道调用一个函数是这样的:
onClick={f1}
我知道在vanilla JavaScript中,我们可以做到:
onclick="f1();f2()"
在ReactJS中进行两次函数调用的类似功能是什么?
我知道调用一个函数是这样的:
onClick={f1}
用另一个函数/方法包装两个以上的函数调用.以下是该 idea 的几个变体:
1) Separate method
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) Inline
<a href="#" onClick={function(event){ func1(); func2()}}>Test Link</a>
或ES6同等标准:
<a href="#" onClick={() => { func1(); func2();}}>Test Link</a>