Question

在同一个按钮中组合2个操作时出现问题

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

我想将此功能与上一个

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

This my code

提交表单的第一个操作，然后关闭弹出窗口。你有什么想法吗？

Answer 1

使用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()}
        />
    );
  }
}

Answer 2

您可以简单地使用

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

    this.popUpHandler('update')

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

如何在react.js中向按钮添加两个动作

2 个答案: