がネイティブリアクト：未定義の関数は（評価 'this.props.passwordChanged（テキスト）'）ではありません

Question

Iに定義../actions/AuthActions.jsで次のアクション：

export const emailChanged = (text) => {..}; 
export const passwordChanged = (text) => {..}; 

と "./index.js" でそれらをエクスポート

import { passwordChanged, emailChanged } from '../actions'; 

とfolloでアクションを使用してLoginForm.jsでアクションをインポート

export * from './AuthActions'; 

として翼方法：エミュレータでコードを実行するには

onEmailChange(text) { 
    this.props.emailChanged(text); 
} 

onPasswordChange(text) { 
    this.props.passwordChanged(text); 
} 

、私はエラーを取得する「未定義は関数ではありません...」、私は機能を定義しているにもかかわらず、名前を輸出しました。エクスポートされた名前の1つ「emailChanged」は期待どおりに動作しますが、その名前だけは何も表示されません。私は明らかに何かを見逃しているに違いないが、どんな助けにも感謝するだろう。

Answer 1

あなたはreduxを使用しており、コンポーネントからアクションを呼び出そうとしています。問題は、あなたがアクション作成者をreduxのConnect Higher Order Componentでコンポーネントに接続していないことです。あなたがする必要がどのような

、次のように接続してこれらのアクションを追加します：

import { connect } from 'react-redux'; 

export default connect(mapStateToProps, { emailChanged, passwordChanged })(LoginScreen) 

この方法では、それらのアクションはthis.propsで利用できるようになります。