javascript - props.route.params.name 未定义(React Native 功能组件)

Question

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

屏幕 1:

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

屏幕 2:

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

输出:

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

屏幕 2:

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

输出:

Answer 1

正如你所看到的 props ====> ABCD，它已经记录了 params.name 我认为问题出在类型检查上 参数没有类型

试试这个:

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