javascript - 如何在react.js中向按钮添加两个操作

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