javascript - 如何将提供程序正确附加到 reactDOM.render

Question

我想尝试使用框架 7 反应模板的 redux。我在 teamplate 顶部安装了 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'),
);

标签： javascriptreactjsreact-redux

Answer 1

它应该是

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