createContext钩子不适用于JSP中的React组件

Question

我正在使用]在现有的JSP页面中渲染我的react组件。

ReactDOM.render(
      React.createElement(MyReactComponents.myReactComponent, {
        props
      }),
  document.querySelector("#id")
);
反应成分如下：

import MyStore from "./MyStore";
const MyReactComponent: React.FC<any> = (props: any) => {
      const store = useContext(MyStore);
      store.myFunction();
      ---code---
}
和MyStore如下：

export class MyStore{
      ---Code---
}
export default createContext(new MyStore());
但是我收到此错误：

还有一点要注意的事情是，当我试图将此React组件呈现在另一个现有的react组件之上时，我没有收到任何错误，并且一切正常。

有人可以解释一下可能是什么原因造成的吗？

我正在使用ReactDOM.render（React.createElement（MyReactComponents.myReactComponent，{props}），document.querySelector（“ ...

Answer 1

我不确定，但是也许您在滥用useContext钩子？

每当在组件Child中使用它时，其父组件中至少有一个必须调用<Context>.Provider，以便在树下进行初始化。