【问题标题】: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}}) {}

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

【问题讨论】:

    标签: reactjs react-native react-navigation react-navigation-v5


    【解决方案1】:

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

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

    你也可以写

    interface Props {
      navigation: NavigationType;
    }
    
    FoodMenuList({ navigation }: Props)
    

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

    【讨论】:

      猜你喜欢
      • 2020-04-08
      • 2018-10-26
      • 2020-05-13
      • 2018-11-23
      • 2020-10-22
      • 1970-01-01
      • 2020-11-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多