Reactjs防止表单提交不起作用

class MyForm extends React.Component {
  handleSubmit(event) {
    event.preventDefault(); // 阻止表单的默认提交行为
    // 其他处理逻辑
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

class MyForm extends React.Component {
  handleSubmit() {
    // 表单提交逻辑
  }

  render() {
    return (
      <form>
        {/* 表单内容 */}
        <button type="button" onClick={this.handleSubmit}>提交</button>
      </form>
    );
  }
}

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputValue: ''
    };
  }

  handleChange(event) {
    this.setState({ inputValue: event.target.value });
  }

  handleSubmit(event) {
    event.preventDefault(); // 阻止表单的默认提交行为
    // 根据需要处理表单的值
    console.log(this.state.inputValue);
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <input
          type="text"
          value={this.state.inputValue}
          onChange={this.handleChange}
        />
        <button type="submit">提交</button>
      </form>
    );
  }
}