reactjs - Typescript - 前端输入 api 返回是一个好习惯

Question

例如：一个 api 在给定的查询中返回我的产品，它恰好是一个对象数组，其中包含：id, name, description。我可以在前端创建一个接口来输入这个返回吗？这是一个好习惯吗？

标签： reactjstypescriptfrontend

Answer 1

在您的代码中使用自定义类型的对象类型没有问题。这对开发也很有帮助，因为您将从 VSCode 等 IDE 中获得类型提示。

我通常将所有自定义类型定义在一个单独的文件中，并将其从那里导出到不同的屏幕和组件。

export type OptionType = {
  id: string;
  title: string;
};

您还可以通过正确定义这些类型及其内部映射来节省大量调试时间。