reactjs - 我应该在 powerapp 组件平台应用程序中的哪里插入 redux 提供程序标签？

Question

在一个典型的带有 redux 的常规反应应用程序中，像这样包装应用程序标签（在 index.ts 中）：

ReactDOM.render(
  <React.StrictMode>
    <Provider store = {store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);

但是在 PCF 应用程序中，我没有任何 app 标签，而是在它们自己的容器中的几个独立的反应组件，就像这样（在 index.ts 中）：

public updateView(context: ComponentFramework.Context<IInputs>): void
{
    ...
    ReactDOM.render(React.createElement(Main, this.props),this.containerMain);
    ReactDOM.render(React.createElement(PanelButtons, this.props),this.containerAside);
    ReactDOM.render(React.createElement(PanelAux, this.props),this.containerAux);
    ...
}

我应该在哪里插入提供程序来包装整个应用程序？

Answer 1

可能在所有这些调用中，如果它们各自的树中有任何东西需要 Redux。您知道您可以将文件重命名为.tsx并仅使用 <Main {...this.props} />而不是React.createElement(Main, this.props)?

这将使包装更容易阅读；）