Reactでは、どのようにしてonSubmitが2つのアクションをとることが可能ですか？

Question

私はUniformsを使用して、自分のプロジェクトのフォーム提出を作成しています。フォームをクリアしながら私のデータベースに提出するフォームが必要です。私はonSubmitをどちらか一方にすることができますが、私はこれらの両方を持つことはできません。両方を登録するプログラムを取得する最善のルートは何ですか？ここに私の<Autoform/>タグのonSubmitアクションでのconst反応しています：あなたは絶望にフォームから値を格納し、その後からクリアし、最終的にオブジェクトを提出することができる

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;