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

Question

I wanted to try redux with a framework 7 react template. I installed redux, react-redux on top of the teamplate and copy paste all code from reduxjs todoList example into my template, but I have problem with provider integration.

I get Target container is not a DOM element error for below code

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

Initialy it was like this and it was working, I only added provider

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

Answer 1

<App /> gets compiled to React.createElement(App) , so you only need the first Provider part of your code since App is a child to Provider .

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

Answer 2

It should be

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