2017-09-13 18 views
1

私は私の登録ページにReduxのを使用したい接続していませんナビゲーション(反応ナビゲーションで使用され、うまく動作します)。その後、私はコンテナを作成しました:ReduxのmapStateToPropsので、私は、ユーザーの減速を作成し、正しく

const mapStateToProps = state => { 
    return { 
     firstName: state.firstName, 
     lastName: state.lastName, 
    } 
}; 
const mapDispatchToProps = (dispatch, ownProps) => ({ 
    typeFirstName: (text) => {console.log('typed firstname'); 
    dispatch({type: 'TYPE_FIRSTNAME', text})}, 
    typeLastName: (text) => dispatch({type: 'TYPE_LASTNAME', text}), 
    registerUser:() => { 
     //register("mamad"); 
     console.log('called register user : ');   
     dispatch({type: 'MAINSCREEN'}) 
    } 
}); 

export default connect(mapStateToProps, 
    mapDispatchToProps)(RegisterScene) 

しかし、それは決して呼び出されません、なぜですか?

+0

デバッガを 'mapStateToProps'の' return {'行に置くと、決してヒットしません。 –

+0

決して呼ばれないものは?あなたが 'typeFirstName'のようなアクションクリエーターの一人に電話しているのであれば、コード –

+0

をcodeandbox.ioに追加できますか? – Deano

答えて

2

唯一の問題はmapStateToPropsです。私はそれはあなたがここでエラーログを置く場合には参考になる

const mapStateToProps = state => { 
    return { 
     firstName: state.user.firstName, 
     lastName: state.user.lastName, 
    } 
}; 

されるべきだと思います。

2

還元剤を組み合わせると、状態は指定された状態分岐に入ります。

あなたの場合、state.userが必要です。

ので、あなたのmapStateToProps機能はそれほどのようになります。私が見つけ

const mapStateToProps = state => { 
    return { 
     firstName: state.user.firstName, 
     lastName: state.user.lastName, 
    } 
}; 
+0

ありがとうございます:) – Mamadou

関連する問題