无法从 navigationOptions 内部访问道具

Question

我正在使用 StackNavigator 库，但不知道如何从 navigationOptions 中访问道具。

在我的召唤中 class 我有：

navigate("TestView", { mdata: mdataObject })

在我的 TestView class 我有以下内容：

static navigationOptions = {
    title: this.props.navigation.state.params.mdata.title
}

但是，我收到以下错误：

Cannot find property 'navigation' of undefined

我已经确认我可以从 componentDidMount() 函数访问 this.props.navigation.state.params.mdata.title，所以那里有数据。

为什么我会从 navigationOptions 函数中收到此错误，我该如何解决？

此外，我将 navigateOptions 称为函数，但不确定是否正确。我应该怎么称呼它？

Answer 1

在导航选项中访问导航道具：

static navigationOptions = ({ navigation }) => ({
  title: navigation.state.params.mdata.title // your case
})

Cannot access props from inside navigationOptions