我应该在 powerapp 组件平台应用程序中的什么地方插入 redux 提供者标签?
Where should I insert redux provider tag in a powerapp component platform app?
在典型的带有 redux 的常规 React 应用程序中,像这样包装应用程序标签(在 index.ts 中):
ReactDOM.render(
<React.StrictMode>
<Provider store = {store}>
<App />
</Provider>
</React.StrictMode>,
document.getElementById('root')
);
但是在 PCF 应用程序中我没有任何应用程序标签,但是在它们自己的容器中有几个独立的 React 组件,类似的东西(在 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);
...
}
我应该在哪里插入提供程序来包装整个应用程序?
可能在所有这些调用中,如果它们各自的树中有任何东西需要 Redux。
您知道可以将文件重命名为 .tsx
并只使用
<Main {...this.props} />
而不是 React.createElement(Main, this.props)
?
这将使包装更易于阅读 ;)
在典型的带有 redux 的常规 React 应用程序中,像这样包装应用程序标签(在 index.ts 中):
ReactDOM.render(
<React.StrictMode>
<Provider store = {store}>
<App />
</Provider>
</React.StrictMode>,
document.getElementById('root')
);
但是在 PCF 应用程序中我没有任何应用程序标签,但是在它们自己的容器中有几个独立的 React 组件,类似的东西(在 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);
...
}
我应该在哪里插入提供程序来包装整个应用程序?
可能在所有这些调用中,如果它们各自的树中有任何东西需要 Redux。
您知道可以将文件重命名为 .tsx
并只使用
<Main {...this.props} />
而不是 React.createElement(Main, this.props)
?
这将使包装更易于阅读 ;)