如何将提供者正确地附加到reactDOM.render

时间:2018-07-26 16:48:33

标签: javascript reactjs react-redux

我想使用框架7 react模板尝试redux。我在团队面板顶部安装了redux,react-redux,并将所有代码从reduxjs todoList示例粘贴到模板中,但是提供程序集成存在问题。

对于以下代码,我得到目标容器不是DOM元素错误

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

最初就是这样,并且可以正常工作,我只添加了提供程序

// Mount React App
ReactDOM.render(
  React.createElement(App),
  document.getElementById('app'),
);

2 个答案:

答案 0 :(得分:1)

<App /> gets compiled to React.createElement(App),因此ProviderApp的子代,因此只需要代码的前Provider部分。

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

答案 1 :(得分:1)

应该是

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