表單提交刷新頁面即使返回假和防止默認

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