Events 如何为reactjs中的按钮单击绑定两个函数

如何在ReactJS中实现以下场景

function foo1(){
    console.log('foo1')
}

function foo2(){
    console.log('foo2')
}
$('#button').click(foo1);
$('#button').click(foo2);

我希望在单击按钮时调用这两个函数

考虑下面的jsx代码

 Var Component = React.createClass({
    foo1: function(){
        console.log('foo1');
    },
    foo2: function(){
        console.log('foo2');
    },
    render: function(){
        return (
           <button onClick={this.foo}> click me </button>
        );
    }

});

Var Component=React.createClass({
foo1:function（）{
console.log（'foo1'）；
},
foo2:function（）{
console.log（'foo2'）；
},
render:function（）{
返回(
点击我
);
}
});

也许您可以编写第三个函数来按顺序调用前两个函数：

var Component = React.createClass({
    foo1: function(){
        console.log('foo1');
    },
    foo2: function(){
        console.log('foo2');
    },
    foo: function(){
        foo1();
        foo2();
    },
    render: function(){
        return (
           <button onClick={this.foo}> click me </button>
        );
    }

});

var Component=React.createClass({
foo1:function（）{
console.log（'foo1'）；
},
foo2:function（）{
console.log（'foo2'）；
},
foo:function（）{
foo1（）；
foo2（）；
},
render:function（）{
返回(
点击我
);
}
});

或者将其内联：

<button onClick={function(){ this.foo1(); this.foo2(); }.bind(this)}> click me </button>

点击我

也许您可以编写第三个函数来按顺序调用前两个函数：

var Component = React.createClass({
    foo1: function(){
        console.log('foo1');
    },
    foo2: function(){
        console.log('foo2');
    },
    foo: function(){
        foo1();
        foo2();
    },
    render: function(){
        return (
           <button onClick={this.foo}> click me </button>
        );
    }

});

var Component=React.createClass({
foo1:function（）{
console.log（'foo1'）；
},
foo2:function（）{
console.log（'foo2'）；
},
foo:function（）{
foo1（）；
foo2（）；
},
render:function（）{
返回(
点击我
);
}
});

或者将其内联：

<button onClick={function(){ this.foo1(); this.foo2(); }.bind(this)}> click me </button>

点击我

您可以创建一个函数数组，并对其进行迭代

Var Component = React.createClass({
foo1: function(){
    console.log('foo1');
},
foo2: function(){
    console.log('foo2');
},
render: function(){
    return (
       <button onClick={(e)=> [foo1, foo2].forEach(x=> x.call(null,e))}> click me </button>
    );
}

Var Component=React.createClass({
foo1:function（）{
console.log（'foo1'）；
},
foo2:function（）{
console.log（'foo2'）；
},
render:function（）{
返回(
[foo1，foo2].forEach（x=>x.call（null，e））}>单击我
);
}

---

}))

您可以创建一个函数数组，并对其进行迭代

Var Component = React.createClass({
foo1: function(){
    console.log('foo1');
},
foo2: function(){
    console.log('foo2');
},
render: function(){
    return (
       <button onClick={(e)=> [foo1, foo2].forEach(x=> x.call(null,e))}> click me </button>
    );
}

Var Component=React.createClass({
foo1:function（）{
console.log（'foo1'）；
},
foo2:function（）{
console.log（'foo2'）；
},
render:function（）{
返回(
[foo1，foo2].forEach（x=>x.call（null，e））}>单击我
);
}

---

}))

或者，

onClick={this.foo.bind（null，this.foo1，this.foo2）}

。或者，

onClick={this.foo.bind（null，this.foo1，this.foo2）}

。