反応ナビゲーションはタイトルに私の軸索の値を挿入できません。 "未定義はオブジェクトではありません"

Question

私は値を斧の中に入れようとしていますが、同じエラーメッセージが表示されます。 これは私のコードです：

fetchWeather() { 
    axios.get(`http://api.openweathermap.org/data/2.5/forecast/daily?q=${this.state.city}&mode=json&units=metric&cnt=10&APPID=94c6cf0868fa5cb930a5e2d71baf0dbf`) 
    .then((response) => { 
     this.setState({report: response.data}); 
    }) 
} 


static navigationOptions = ({navigation}) => { 
    return { 
     title: `Météo de ${this.state.report.city.country}`, 
     tabBarIcon:() => { 
      return <Image source={require('./images/avatar.png')} style={{width: 20, height: 20}}/> 
     } 
    } 
} 

誰かが私を助けることができますか？

Answer 1

navigationOptionsはstaticなので、インスタンスではなくクラス定義に関連付けられています。つまり、特定のインスタンスからデータにアクセスするのにを使用できないため、undefinedが得られます。

代わりに、あなたは、このようなReduxのストアとして、どこかでよりグローバルにデータを設定し、そこからそれを読んで、またはsetParamsを使用してナビゲーション状態にパラメータとしてデータを設定することができ、次のいずれか

... 
.then(response => this.navigation.setParams({report: response.data}); 

そして、中にあなたのnavigationOptions：あなたが答えるために

title: `Météo de ${navigation.state.params.report.city.country}`