表单提交刷新页面即使返回假和防止默认

Question

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

为什么/表单仍然提交？当我遇到这个问题时，我正在使用React，Redux和Electron。感谢您的任何建议。

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（）什么也没做...唉..哈哈