无法从导航选项内部访问道具

Question

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

在我的呼叫课程中，我有：

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

在我的 TestView 类中，我有以下内容：

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

但是，我收到以下错误：

找不到未定义的属性“导航”

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

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

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

Answer 1

在 navigationOptions 访问导航道具：

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