是否有可能使用 react-admin 创建以下场景？

• 使用 List+Datagrid 呈现项目
• 在每一行中呈现一个按钮
• 用户点击按钮
• 显示一个对话框，其中包含来自另一个资源的另一个 List+Datagrid

在我的实现中，当第一次单击按钮时，它会正确打开对话框并呈现 答案 。但是，如果我更改排序或转到下一页，它也会影响呈现 questions 的数据网格。

原因是我猜当我在 answers 列表中应用排序等时，它会更改浏览器中的查询字符串，并且也会影响 questions 。

相关行： https://github.com/marmelab/react-admin/blob/eb3c1acbf4ecc81793b8e790e11a6f84f9bdbc1b/packages/ra-core/src/controller/useListController.ts#L133

同一页面中可以有两个数据网格吗？（具有不同的资源和排序上下文等）。

我的实现：

// render a dialog that contains answer for each questions
const ShowAnwersButton  = (props) => {
  const [open, setOpen] = React.useState(false);
  return (
    <>
      <Dialog open={open} onClose={() => setOpen(false)}>
        <List
          resource="answers"
          basePath="/answers"
          filter={{ question_id: props.record.id }}
        >
          <MyDataGrid>
            <TextField source="id" />
            <DateField source="created_at" />
            <TextField source="name" />
          </MyDataGrid>
        </List>
      </Dialog>
      <Button
        variant={open ? "contained" : "outlined"}
        color="primary"
        onClick={(e) => setOpen(true)}
      >
        Answers
      </Button>
    </>
  );
};

// questions
export const QuestionsList = (props) => (
  <List {...props}>
    <Datagrid>
      <TextField source="id"/>
      <DateTime source="created_at" disabled />
      <BooleanField source="disabled" />
      <ShowAnwersButton source="dummy" />
    </EditableDatagrid>
  </List>
);