如何在 React 中描述 history.goBack 的 TS 接口?

知乎

可以帮我在 React 中输入 history.goBack 吗?目前我使用任何类型,但我认为这是一种错误的方式。

主文件

...
<Route path={PAGE_404} component={Page404} />

Page404.tsx

const Page404: React.FC<RouteComponentProps> = ({ history }) => {
  return (
    <section className={styles.section}>
      <GoBackLink text={'Назад'} onGoBackClick={() => history.goBack()} />
          ...
      </div>
    </section>
  );
};

export default Page404;

GoBackLink.tsx 带有接口并为 onGoBackClick 键键入 any

interface IGoBackLinkProps {
  text: string;
  onGoBackClick: any;
}

const GoBackLink: React.FC<IGoBackLinkProps> = ({ text, onGoBackClick }) => {
  return (
    <Link className={styles.link} to='/' onClick={onGoBackClick}>
      {text}
    </Link>
  );
};

export default GoBackLink;
越南的

您可以使用onGoBackClick: () => voidonGoBackClick: Function

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React-router-dom如何在不使用History的情况下使用goBack函数

如何在 React-Navigation/Drawer 6 中实现“goBack”

在React Nativigation中如何更新状态goBack

如何在d.ts中扩展TypeScript接口

如何在d.ts文件中声明的接口中使用TypeScript环境声明接口

如何使用样式组件扩展 (MUI) React 组件的 TS 接口?

使用`history.goBack()`时如何定义状态

如何在React TypeScript中访问嵌套数据接口

如何描述WebSocket接口?

如何在 React TS 中访问嵌套的 props 对象?

如何在 React & TS 应用程序中重用类型

如何在 usereducer react/ts 中翻转状态

如何使用 goBack() 函数返回 React Native 中的上一个屏幕?

如何在Typescript中描述React中的变形道具?

如何在我的React类的接口中包含接口?

TS如何知道引用const而不是接口

在react-navigation中在goBack上反应Native Pass属性?

goback()在React Navigation v2中不起作用

如何在React Native的无状态功能组件中扩展Native组件的props TypeScript接口?

如何在React Native中全局重新定义FormData TypeScript接口?

为什么TS无法从接口获得React状态声明?

TS + React - 應該導出 props 接口嗎?

接口变量如何在JAVA中工作并调用接口方法?

如何在Go中从接口{}到接口{}进行解组

如何访问React组件中的history.listen?

如何使用 history.push 在 React 中获取参数

如何在 React Native 中使用 react-navigation 在具有 goBack 功能的屏幕上添加 customHeaderLeft 按钮?

如何描述应该接受某个结构的不同接口的接口?

如何在仍然指定 TS 中的值类型的同时保留隐式键名类型作为接口的一部分?