Как добавить два действия к кнопке в реаги.js

Question

У меня проблема с действием комбайна 2 в одной и той же кнопке

<Button
disabled={!isFormValid}`
onClicked={this.submitHandler}
/>

Я хочу добавить эту функцию вместе с предыдущей

() => this.popUpHandler('update');

Это мой код

Первое действие для отправки формы и всплывающее окно рядом с ним после этого.У вас есть идеи по этому поводу?

Answer 1

Вы можете просто использовать

    submitHandler(){
    //after some condition  you can call here another function

    this.popUpHandler('update')

    }
    popUpHandler(var){
    //your logic
    }
<Button
    disabled={!isFormValid}
    onClicked={this.submitHandler}
/>

Answer 2

Использовать Anonymous_functions .

<Button
    disabled={!isFormValid}
    onClicked={ () => {
        this.popupHandler("Update");
        console.log('Button clicked');
    }}
/>

Или создать отдельный обработчик;

Class Something extends React.Component {
  onButtonClick() {
      // Do anything
      this.popupHandler("Update");
      console.log('Button clicked');
  }

  render() {
    return (
        <Button
            disabled={!isFormValid}
            onClicked={this.onButtonClick()}
        />
    );
  }
}