通話多種功能的onClick ReactJS

Question

我知道香草JS，我們可以做

onclick="f1();f2()" 

什麼將是做兩個函數調用ReactJS的onClick等價？

我知道調用一個函數是這樣的：

onClick={f1} 

Answer 1

裹在另一個函數/方法你的兩個+函數調用。以下是這一想法的幾個變體：

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={(event) => { func1(); func2();}}>Test Link</a>