首页 > 解决方案 > React Admin - 在编辑/创建记录期间发送自定义查询

问题描述

我有一个简单的表格来编辑相机

export const CameraEdit: FC<ResourceComponentProps> = (props: ResourceComponentProps) => (
  <Edit {...props}>
    <SimpleForm>
      <TextInput source="name" />
      <TextInput source="connection" />
      <Button variant="contained" label="Preview"></Button>
    </SimpleForm>
  </Edit>
);

当我点击Preview按钮时,我想

  1. 从后端获取预览(使用 GraphQL)
  2. 下载图片
  3. 显示在表格的右侧

我不知道如何:

  1. 发出额外的异步查询(与编辑数据无关),就像在正常的反应应用程序中一样,我有容器和组件
  2. 下载图片(查询结果)
  3. 添加额外的 div SimpleForm- 我读过它只能处理直接输入

标签: reactjstypescriptgraphqlreact-adminreact-typescript

解决方案


推荐阅读