静的なナビゲーションからthis.propsを呼び出す方法

Question

スタックナビゲータのヘッダーにあるボタンのonPressでhandlelogout（）を呼び出し、handlelogout（）で私はthis.props.logoutアクションを呼び出していますログイン画面にリセットするには、ナビゲーション減速を呼び出します.....しかしthis.props.logoutがアクションを呼び出すdoesntの....何も

static navigationOptions = ({ navigation }) => { 
    const { params } = navigation.state; 
    console.log("navigation", navigation); 

    return { 
     title: "Profile List", 
     gesturesEnabled: false, 
     headerLeft: null, 
     headerRight: <Button title={"Logout"} onPress={() => params.handlelogout && params.handlelogout({ state: navigation.state })} /> 
    } 
    }; 

これは

handlelogout(state) { 
    console.log("in handlelogout", this.props.logout, state); 
    this.props.logout; 
    } 

i am attaching the log i printed in the console

012私handlelogout機能であるが起こりません

ここで私はあなたがその要素/クラスからあなたのログアウトを扱う別の要素内にボタンを配置しようとすることができます

function mapDispatchToProps(dispatch) { 
    return bindActionCreators(ReduxActions, dispatch); 
} 

Answer 1

をmapdispatchpropsするログアウトを結合しています。そのような

import ButtonForLogout from './test/buttonforlogout'; 

... 

static navigationOptions = ({ navigation }) => { 
    const { params } = navigation.state; 
    console.log("navigation", navigation); 

    return { 
     title: "Profile List", 
     gesturesEnabled: false, 
     headerLeft: null, 
     headerRight: <ButtonForLogout /> 
    } 
    }; 

buttonforlogout.js

import React, { Component } from 'react'; 
import { View, Button } from 'react-native'; 
import { connect } from 'react-redux'; 
import { ReduxActions } from './youractions'; 

class ButtonForLogout extends Component { 

    render(){ 
    return(
     <View> 
     <Button title={"Logout"} onPress={this.props.logout} /> 
     </View> 
    ); 
    } 

} 

const mapStateToProps = state => ({}); 

export default connect(mapStateToProps, ReduxActions)(ButtonForLogout); 

何か。