const {navigation} = props; 这个navigation从何而来

Question

export default (props: any) => {
const {navigation} = props;

Answer 1

CrazyCodeBoy 2023-08-28 09:18:37

在 React Native 中，这段代码中的 `navigation` 来自于组件的属性（props）。

通常情况下，当你在 React Native 中使用导航库（如 React Navigation）时，导航器（Navigator）会负责管理页面之间的导航和页面堆栈。在页面组件中，你可以通过属性传递给组件的方式来获取导航对象，这个导航对象通常被称为 `navigation`。

在你的代码中，`props` 是函数组件的参数，而 `{navigation}` 是从传递给函数组件的 `props` 中解构出来的。这表示你的组件需要从父组件（通常是导航器）获取一个 `navigation` 对象，以便在组件内部使用该对象来执行导航操作，例如导航到其他屏幕或返回上一个屏幕等。

• 提问者 慕神8170126 #1

  这里没有继承自什么其他组件，外部也没有通过props传递，怎么自然就有了这个navigation