jsで入力ポストアクションを処理するにはどうすればよいですか？

Question

投稿アクションを入力した<form/>の入力を別のjsファイルに送信します。このファイルは、注文処理を呼び出すためのデータを処理する必要があります。

現在、着信データを処理するjsファイルは空です。
送信データを取得するにはどうすればよいですか、この操作を実行する方がよいでしょうか？

Answer 1

このコンポーネントからフォームデータを処理する場合は、このファイル自体でその関数をインポートする必要があります。だからこれはどうやって行くのだろう！

新file.js

export default function(data){ 
    console.log('this is the form data'); 
} 

と現在のファイルのインポートこの機能とそれをonSubmitを使用します。

import React from "react"; 
import newFunction from 'new-file.js'; 

class Order extends React.Component { 

constructor() { 
    super(); 
}; 
/* 
componentWillMount() { 
}; 

componentWillUnmount() { 
}; 

submit: function(e){ 
    e.preventDefault(); 
    newFunction(); 
    alert('form submitted !'); 
}; 

refresh() { 
}; 
*/ 
render() { 
    return (
     <div> 
      <h1>Delivery-Adress</h1> 
      <form className="pure-form-stacked" action="" onSubmit={this.submit}> 
       <label htmlFor="name">Name: 
       <input id="name" name="name" type="text" required></input> 
       </label> 
       <br/> 
       <label htmlFor="street">Street: 
       <input id="street" name="street" type="text" required></input> 
       </label> 
       <br/> 
       <label htmlFor="city">City: 
       <input id="city" name="city" type="text" required></input> 
       </label> 
       <br/> 
       <label htmlFor="email">E-Mail: 
       <input id="email" name="email" type="email" required></input> 
       </label> 
       <br/> 

       <input type="submit" value="deliever" formmethod="post" formaction="OrderProcess.js"></input> 
      </form> 
     </div> 
    ) 
    } 
} 

export default Order; 

これはあなたの問題を解決することを願っています。 :)