反应导航导航挂钩类型

时间:2020-10-02 11:06:23

标签: javascript reactjs typescript react-native react-navigation

我正在从反应导航中使用此挂钩,而不是在其他组件中再次调用该挂钩,而是希望将navigation作为道具传递。

const navigation = useNavigation();
...
  <MyButton
     resetLocation={resetLocation}
     navigation={navigation}
  /> 

但是我无法确定该导航道具的“类型”,我应该将其传递给MyButton组件。

type MyButtonProps = {
  resetLocation: (locationToReset: string) => void;
  navigation: any;
};

export const MyButton: React.FunctionComponent<MyButtonProps> = ({
  resetLocation,
  navigation,

我应该将navigation: any;替换为什么?

1 个答案:

答案 0 :(得分:1)

使用providers: [ { provide: MAT_DATE_FORMATS, useValue: DateConstants.DATE_FORMATS }, { provide: DateAdapter, useClass: AppDateAdapter }]

这是useNavigation的定义,我在这里粘贴以防万一。

NavigationProp<ParamListBase>

这里是更多信息的链接https://github.com/react-navigation/react-navigation/blob/main/packages/core/src/useNavigation.tsx