props.route.params.name 未定义（React Native 功能组件）答案

【问题标题】：props.route.params.name is undefined (React Native Functional Component)props.route.params.name 未定义（React Native 功能组件）
【发布时间】：2022-11-12 15:06:58
【问题描述】：

我正在发送一个对象作为参数。但是当我尝试在另一个屏幕中访问参数时。它说未定义。

屏幕一：

<TouchableOpacity
        onPress={() => {
          navigation.navigate('DraggableList', {
           routes: ['A', 'B', 'C'],
           name: 'ABCD',
         });
       }}
                                      
</TouchableOpacity>

屏幕 2：

  console.log('Props==============>', props.route.params);

输出：

但是当我尝试访问对象的变量时：

Screen 2:

  console.log('Props==============>', props.route.params.name);

输出：

【问题讨论】：

标签： javascript react-native-navigation

【解决方案1】：

如您所见，道具 ====> ABCD，它已经记录了 params.name 我认为问题在于类型检查，参数没有类型

尝试这个：

const {name} = props.route.params as {name:string}
console.log("Props=======>",name)

【讨论】：