表单提交刷新页面，即使返回false并阻止默认

Question

setUser = () => {
    event.preventDefault();
    const { setUser } = this.props;
    const userEmail = this.refs.userEmail.value;
    setUser(userEmail);
    this.refs.userEmail.value = "";
    return false;
}

Why/how does the form still submit? I am using React, Redux and Electron when I am experiencing this problem. Thank you for any advice.

render() {
    const {options} = this.props;

    return (
        <div>
          <div className="optionsModalContent">
            <div className={style.optionsModalTitleBar}>
              <div className={style.optionsModalTitle}>Options</div>
              <div className={style.optionsModalExit} onClick={this.exitModal}>X</div>
            </div>
            <div className={style.optionsModalContentInner}>
              <div className={style.optionsModalOptionsList}>
                <div className={style.optionItem}>
                  <form onSubmit={this.setUser}>
                    <input type="text" id="userEmail" ref="userEmail" placeholder="Set account email"/>
                  </form>
          </div>
        </div>
    );
  }

Answer 1

我没有将“事件”传递给表单处理程序函数，所以event.preventDefault（）没做任何事情...