在组件屏幕道具中反应打字稿的导航类型答案

【问题标题】：react navigation type for typescript in component screen props在组件屏幕道具中反应打字稿的导航类型
【发布时间】：2021-06-20 00:33:15
【问题描述】：

我对组件屏幕中的 navigation 道具有警告或错误

export default function FoodMenuList({ navigation }) {}

因为我没有为navigation分配类型

Binding element 'navigation' implicitly has an 'any'

我尝试搜索导航道具类型以进行反应导航，但我没有找到

什么是 react-navigation 导航道具类型？

或者可能是？

export default function FoodMenuList({ navigation }: {navigation: {navigate:Function}}) {}

或者可能有更好的解决方案？

【问题讨论】：

【解决方案1】：

尝试@react-navigation/native 中的useNavigation 钩子，查看文档useNavigation

useNavigation 是一个钩子，可以访问导航对象。当您无法将导航道具直接传递到组件中时，它很有用，或者不想在深度嵌套的孩子的情况下传递它。

你也可以写

interface Props {
  navigation: NavigationType;
}

FoodMenuList({ navigation }: Props)

如果你正在使用类组件或者你不会使用useNavigation

【讨论】：