Javascript 将onClick添加到React中的提交按钮

我有这个按钮

  {editing && (
    <Button extraClasses="m1" onClick={this.handleEditing} type="submit">
      Save
    </Button>
  )}

---

您可以从

按钮中删除
onClick
事件处理程序，并在
handleSubmit
方法中调用
handleEditing
方法

示例

class App extends React.Component {
  handleEditing = () => {
    // ...
  };

  handleSubmit = (e) => {
    // ...
    this.handleEditing();
  };

  render() {
    return (
      <div>
        {/* ... */}
        {editing && (
          <Button extraClasses="m1" type="submit">
            Save
          </Button>
        )}
        {/* ... */}
      </div>
    );
  }
}

类应用程序扩展了React.Component{
handleEditing=（）=>{
// ...
};
handleSubmit=（e）=>{
// ...
这个.handleEditing（）；
};
render（）{
返回(
{/* ... */}
{编辑&&(
拯救
)}
{/* ... */}
);
}
}
您不能在
onSubmit
事件处理程序中调用
handleEditing
？我编辑了这个问题，它显示了onSubmit事件处理程序，如何在那里添加handleEditing@您可以通过编写
this.handleEditing（）调用它位于
handleSubmit
函数体的末尾。
class App extends React.Component {
  handleEditing = () => {
    // ...
  };

  handleSubmit = (e) => {
    // ...
    this.handleEditing();
  };

  render() {
    return (
      <div>
        {/* ... */}
        {editing && (
          <Button extraClasses="m1" type="submit">
            Save
          </Button>
        )}
        {/* ... */}
      </div>
    );
  }
}