react: typescript integrate withRouter

Posted 2022-05-10 nyan-workflow-fc

define interface:

export interface INav 
  nav: string


export interface IModuleItem 
  state?: string;
  type?: string;
  uri?: string;

use in Function Component:

import INav from "./path/to/menu.ts";

const AppNavigator = (props: INav & RouteComponentProps) => 
  const [currentNav, setCurrentNav] = useState<INav>(props.nav);
  ....


export default withRouter(AppNavigator);