Javascript 如何向react.js中的按钮添加两个操作

我在同一按钮中组合2个动作时遇到问题

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

提交表单的第一个操作，然后关闭弹出窗口。 你知道吗？

使用

或者创建一个单独的处理程序

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

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

你可以简单地使用

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

    this.popUpHandler('update')

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

---

如果尝试调用连续函数，则可以执行此操作。`submitHandler=event=>{event.preventDefault；this.props.Enrollthis.state；}；`this.popUpHandler'update'您可以简单地submitHandler=event=>{event.preventDefault；this.props.Enrollthis.state；this.popUpHandler'update'}。提交表单时是否触发了提交者？请将代码作为一个片段添加到帖子中。如果您可以在其中发布代码，则很容易跟踪错误。

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

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

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

    this.popUpHandler('update')

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