在React中，如何使onSubmit執行兩個操作？

Question

我正在使用Uniforms爲我的項目創建表單提交。我需要將表單提交給我的數據庫，同時還要清除表單。我可以讓onSubmit做一個或另一個，但似乎我不能擁有這兩個。什麼是讓程序註冊兩者的最佳途徑？這裏是我的陣營常量與上<Autoform/>標籤onSubmit行動：

const UniformsHello =() => { 

    let formRef; 

    return(
    <div> 
     <h1>Submit a track</h1> 
     <AutoForm 
     ref={ref => formRef = ref} 
     schema={PostSchema} 
     onSubmit={((doc => Submissions.insert(doc)) & (() => formRef.reset()))} 
     placeholder={true}> 

      <AutoField name="Song name" /> 
      <AutoField name="Album title" /> 
      <AutoField name="Soundcloud URL" /> 
      <LongTextField name="Story" /> 

      <div className="super-special-class"> 
       <SubmitField className="super-special-class-with-suffix" /> 
      </div> 
     </AutoForm> 
    </div> 
); 

} 

export default UniformsHello; 

Answer 1

您可以存儲在一個下賤的表單中的值，然後從清除最後提交的對象，但在這種情況下，你不會使用提交功能，您必須實現提交的自定義功能。

Answer 2

const UniformsHello =() => { 

    let formRef; 

    return(

    function handleSubmission(doc,formRef){ 
     Submissions.insert(doc); 
    formRef.reset(); 
    } 

    <div> 
     <h1>Submit a track</h1> 
     <AutoForm 
     ref={ref => formRef = ref} 
     schema={PostSchema} 
     onSubmit={handleSubmission(doc,formRef)} 
     placeholder={true}> 

      <AutoField name="Song name" /> 
      <AutoField name="Album title" /> 
      <AutoField name="Soundcloud URL" /> 
      <LongTextField name="Story" /> 

      <div className="super-special-class"> 
       <SubmitField className="super-special-class-with-suffix" /> 
      </div> 
     </AutoForm> 
    </div> 
); 

} 

export default UniformsHello;