반응 네비게이션에서 this.props에 액세스하는 방법?

Question

내 네이티브 네이티브 앱에서 반응 내비게이션을 사용하고 있는데, 사용자가 앱의 오른쪽 상단에있는 저장 버튼을 클릭하면 onSavePress() 함수를 호출하려고합니다.

하지만 onSavePress 함수를 호출하려고하면 내 네비게이션 애플리케이션에서 정적 네비게이션 함수 내부에서 그 함수를 호출하는 것과 같은 문제가 발생합니다.

class TheFormScreen extends Component { 

    constructor(props) 
    { 
    super(props); 
    this.state = { 
     visible: true 
     }; 
    } 

    state = { 
     isReady: false, 
    }; 


static navigationOptions = ({ navigation }) => ({ 
    title: `${navigation.state.params.item.a1}`, 
    tabBarIcon: ({ tintColor }) => { 
      return <Icon name="phone" size={30} color={tintColor} />; 
    }, 
    headerRight: (
     <Btn 
     title='Done-' 
     onPress={() => { console.log(' on Press done on line 73 Form--Screen this.props=', this.props); navigation.goBack() } 
     } 
     /> 
    ), 
    }); 

onDecline(){ 
    // console.log(' onDecline clicked'); 
    this.setState ({ showModal : false }); 
} 



} 
onDeleteProperty() { 
    // console.log(' onDelete clicked'); 

} 


onSavePress(){ 
    this.onClickToaster(); 
    console.log('101 - on click onSavePress '); 
    const { a1, a2 } = this.props; 

    this.props.propertySave({ a1, a2 }); 
} 

Answer 1

그래서,이 모든 코드 광고 infoSave 단지 명확 조각 아니 어디 onSavePress도 없다 :

여기에 아래의 코드입니다.

문제가 this.props가 정의되지 않았거나 이와 비슷한 것으로 가정합니다.

onSavePress =() => { 
    this.onClickToaster('Saving the info....', 'top' , DURATION.LENGTH_LONG, true); 
    const { a1, a2 } = this.props; 
    this.props.infoSave({ a1, a2 }); 
} 

이 편집 :

당신이 의미하는 경우, 당신은 화살표 함수로 기능 변경이 바인딩 할 수 있습니다?

headerRight: (
    <Btn 
    title='Save' 
    onPress={() => { this.onSavePress(); navigation.goBack() } 
    } 
    /> 
),