2016-10-25 5 views
0

私はユーザーの電子メールとパスワードを受け付けるログインフォームを作成しました。React Reduxを使用してログインユーザーへのポストコールを行う

私はapiサーバーにデータベースに対する認証情報を検証するためにapiサーバーを呼び出して、どのようにしてajaxリクエストを作成することができますか。私はReduxがAjaxリクエストを作成するために使用できることについて聞いたことがあります。

class LoginComponent extends React.Component{ 

constructor(){ 
    super() 
} 

handleEmailChange(e){ 
    //... email validation stuff 
} 

handlePasswordChange(e){ 
    //... 
} 

handleSubmit(e){ 
    //..login logic goes here 
} 

} 
+0

reduxはajaxリクエストを作成していません。通常のXML HTTPリクエストと更新ストアを作成できます – StateLess

答えて

2

非同期アクションをサポートするには、redux-thunkミドルウェアを設定する必要があります。次に、実際のHTTPリクエストを処理するための非同期ライブラリを選択します。 isomorphic-fetchおよびaxiosが一般的です。

Reduxのドキュメントは、あなたがまた、別のrelated post by Dan Abramovreduxの作成者をいくつかの非常に有用な情報を見つけることができますあなたの正確な要求

を始める方の偉大async action exampleを持っています。

関連する問題