reactjs - 为什么使用历史回退时表单提交

Question

正如标题所示，这是一个问题。

//FaqUpdateContainer.js
 const goToback = () => {
    history.goBack();
  };

  const handleUpdate = async (e) => {
    e.preventDefault();
    console.log("whyyyyyyyyyyyy?");
  };
  return (
    <form onSubmit={handleUpdate}>
      <Containers.SideNavContainer type="sideMenu2" />
    </form>
  );

//toolbar.js
export function UpdateToobar(props) {
  const {
    selects = [],
    title = "",
    goToback = () => {},
  } = props;
  return (
    <div className="tool">
      <div>
        <Default onClick={goToback}>
          <button>
            <FontAwesomeIcon icon={faArrowAltCircleLeft} />
          </button>
        </Default>
      </div>
    </div>
  );
}

当我运行上面的历史回溯☝时，表单的onSubmit事件会自动执行。有谁知道为什么会这样？

标签： reactjs

Answer 1

您可能应该将属性分配type="button"给返回按钮。按钮type="submit"默认有。请分享更多代码以确保