chiamare più funzioni onClick ReactJS

Question

so in js vaniglia, possiamo fare

onclick="f1();f2()" 

Quale sarebbe l'equivalente per effettuare chiamate onClick in ReactJS due funzioni?

So chiamare una funzione è simile a questo:

onClick={f1} 

Answer 1

avvolgere le due + chiamate di funzione in un'altra funzione/metodo. Ecco un paio di varianti di questa idea:

1) Metodo indipendente

var Test = React.createClass({ 
    onClick: function(event){ 
     func1(); 
     func2(); 
    }, 
    render: function(){ 
     return (
     <a href="#" onClick={this.onClick}>Test Link</a> 
    ); 
    } 
}); 

oa classi ES6:

class Test extends React.Component { 
    onClick(event) { 
     func1(); 
     func2(); 
    } 
    render() { 
     return (
     <a href="#" onClick={this.onClick}>Test Link</a> 
    ); 
    } 
} 

2) linea

<a href="#" onClick={function(event){ func1(); func2()}}>Test Link</a> 

o equivalente ES6:

<a href="#" onClick={(event) => { func1(); func2();}}>Test Link</a>