在基于 Promise 的模式中访问上下文 (React)

如何解决在基于 Promise 的模式中访问上下文 (React)

我有一个返回承诺的模态服务，因此消费组件可以等待模态的确认。 因为模态被添加到 html 正文中，在添加上下文包装器的应用程序根组件之外，它无法访问上下文。 据我了解，从外部访问上下文的唯一方法是使用门户。我试过了，但它不起作用。

据我所知，不使用 render 方法就无法以编程方式渲染门户，但是当我使用这种方法时，结果似乎与根本不使用门户相同。

代码示例：显示一个按钮只是为了举例说明问题

https://codesandbox.io/s/fancy-tree-1e6m1?file=/index.js

我需要从模态组件访问主题上下文提供程序提供的主题，以便继承主题。