我知道在香草JavaScript中,我们可以做到:
onclick="f1();f2()"
在ReactJS中做两个函数调用onClick会等价什么?
我知道调用一个函数是这样的:
onClick={f1}
我知道在香草JavaScript中,我们可以做到:
onclick="f1();f2()"
在ReactJS中做两个函数调用onClick会等价什么?
我知道调用一个函数是这样的:
onClick={f1}
当前回答
//不要这样做 函数App() { 回报( < div > <按钮 onClick={() => { console.log('你好'); console.log(的世界); }} > 我是一个按钮 < /按钮> < / div > ); } //这样做 函数App() { 函数fun1() { console.log('你好'); } 函数fun2() { console.log(的世界); } 回报( < div > <按钮onClick = {() = > {fun1 (); fun2();}} >点击< / >按钮 < / div > ); }
其他回答
功能组件
<button
onClick={() => {
cancelOrder();
handlerModal();
}}
>
Cancel
</button>
如果你必须同时在一个按钮上应用两个函数,那么我们可以在React js中像这样简单地添加。
<button onClick={()=> {fun1(); fun2()}}>Show more</button>
最好的方法:
onClick={() => {f1();f2 ();}}
//不要这样做 函数App() { 回报( < div > <按钮 onClick={() => { console.log('你好'); console.log(的世界); }} > 我是一个按钮 < /按钮> < / div > ); } //这样做 函数App() { 函数fun1() { console.log('你好'); } 函数fun2() { console.log(的世界); } 回报( < div > <按钮onClick = {() = > {fun1 (); fun2();}} >点击< / >按钮 < / div > ); }
你可以使用嵌套。
有两个函数,一个是openTab(),另一个是closeMobileMenue(),首先我们调用openTab(),然后调用closeMobileMenue()内部的另一个函数。
function openTab() {
window.open('https://play.google.com/store/apps/details?id=com.drishya');
closeMobileMenue() //After open new tab, Nav Menue will close.
}
onClick={openTab}