问错误:未定义不是对象(计算'selectedCategory.title')。有人知道如何解决这个问题吗？我用的是旧语法吗？

EN

 import React from "react";
    import { View, Text, Button, StyleSheet, Platform } from "react-native";

    import { CATEGORIES } from "../data/dummy-data";
    import Color from "../constants/Color";

    const CategoryMealScreen = (props) => {

     const catId = props.navigation.getParam("categoryId");

      const selectedCategory = CATEGORIES.find((cat) => cat.id === catId);

      return (
        <View style={styles.screen}>
          <Text>The Category Meal Screen!</Text>
          <Text>{selectedCategory.title}</Text>
          <Button
            title="Go to Details"
            onPress={() => {
            props.navigation.navigate({
            routeName: "MealDetail",
          });
        }}
      />
      <Button
        title="Go Back"
        onPress={() => {
          props.navigation.pop();
        }}
      />
    </View>
  );
};

CategoryMealScreen.navigationOptions = (navigationData) => {
  const catId = navigationData.navigation.getParam("categoryId");

  const selectedCategory = CATEGORIES.find((cat) => cat.id === catId);

  return {
    headerTitle: selectedCategory.title,
    headerStyle: {
      backgroundColor: Platform.OS === "android" ? Color.primaryColor : "",
    },
    headerTintColor: Platform.OS === "android" ? "white" : Color.primaryColor,
  };
};

const styles = StyleSheet.create({
  screen: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
  },
});

export default CategoryMealScreen;