Reactjs 区分不同类型的错误

我的状态如下所示：

export interface SchemasState {
  list: Config6Schema[] | null;
  loading: boolean;
  error: string | null;
}

在我的抓取thunk中，当我发送API请求时，我将

加载设置为true，成功时我设置
列表
，错误时我设置
错误
。这很有效

现在我有了一个组件，它同时查看
列表
和
错误
。当出现
列表时，它会呈现列表。当出现错误时，将显示错误

但是，当我编写addNewSchema thunk时，我不确定如何处理API请求的失败状态，因为如果我在create API请求失败时设置错误，它也会影响显示列表的组件。而我只想显示一个模式，以防add请求失败

我是否为所有请求创建单独的错误字段

触发添加的组件：

export interface AddSchemaPageProps {
  componentId: string;
}

const AddSchemaPage: NextPage<AddSchemaPageProps> = function ({
  componentId
}) {
  const dispatch = useDispatch();

  const handleSave = useCallback(
    async (data: Config6CreateSchemaDto) => {
      const schema = await dispatch(addSchema(componentId, data));

      if (schema) {
        Router.push(
          '/config/components/[componentId]/schemas/[schemaId]',
          `/config/components/${componentId}/schemas/${schema.id}`
        );
      }
    },
    [dispatch]
  );

  return (
    <Layout
      variant="config"
    >
      <h3>Add Schema</h3>
      <SchemaBuilder 
        onSave={handleSave}
      />
    </Layout>
  );
};

导出接口AddSchemaPageProps{
componentId：字符串；
}
const AddSchemaPage:NextPage=函数({
组件
}) {
const dispatch=usedpatch（）；
const handleSave=useCallback(
异步（数据：Config6CreateSchemaDto）=>{
const schema=await dispatch（addSchema（componentId，data））；
if（模式）{
路由器推送(
“/config/components/[componentId]/schemas/[schemaId]”，
`/config/components/${componentId}/schemas/${schema.id}`
);
}
},
[快讯]
);
返回(
添加模式
);
};
您能否向我们展示触发操作的组件？编辑问题以显示组件