如果你必须同时在一个按钮上应用两个函数，那么我们可以在React js中像这样简单地添加。

<button onClick={()=> {fun1(); fun2()}}>Show more</button>

功能组件

             <button
                onClick={() => {
                  cancelOrder();
                  handlerModal();
                }}
             >
                Cancel
             </button>

//不要这样做 函数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}

假设你有一个按钮，你想要执行两个onClick事件， 要显示隐藏的文本和隐藏按钮，只需单击一次。

let a = 'invisible'
  let b = 'visible'
  const [show, setShow] = useState(a)
  const [buttonshow, setButtonShow] = useState(b)

<button onClick={() => {setButtonShow(a); setShow(b)}}>Read More</button>
<p>This text will show after you press the button Read more and Read
more will be hidden from the DOM
</p>

如您所见，匿名函数只返回两个函数。

{setButtonShow(a); setShow(b)}

在onClick上为任何元素调用多个函数，您可以创建一个包装器函数，类似这样。

wrapperFunction = () => {
    //do something
    function 1();
    //do something
    function 2();
    //do something
    function 3();
}

这些函数可以定义为父类上的方法，然后从包装器函数调用。

你可能有main元素，它会像这样引起onChange，

<a href='#' onClick={this.wrapperFunction}>Some Link</a>