反応ナビゲーションでthis.propsにアクセスするには？

Question

リアクションネイティブアプリでリアクションナビゲーションを使用していますが、ユーザーがアプリケーションの右上にある[保存]ボタンをクリックしたときにonSavePress（）関数を呼び出す必要があります。

しかし、私はonSavePress関数を呼び出すときに、アプリケーションがクラッシュする、それ以外の言葉では静的なnavigationOptions関数の中からその関数を呼び出すようなことはありません。

がここに以下のコードです：だから

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() } 
    } 
    /> 
),