javascript - español - Error de reacción ''PropType fallido: prop inválido `children` suministrados a` Provider`, se esperaba un solo ReactElement''

redux-thunk

Question

Tengo algún problema con React.js. este es mi codigo

import React from ''react'';
import { createStore } from ''redux'';
import { Provider } from ''react-redux'';
import App from ''./containers/App'';
import todoApp from ''./reducers'';

let store = createStore(todoApp);
let rootElement = document.getElementById(''root'');

React.render(
    <Provider store={store}>
        {() => <App />}
    </Provider>,
    rootElement
);

y corre la pagina, dice:

PropType fallido: los children prop no válidos suministrados al Provider , esperaban un solo ReactElement

Esta es la lista de mis módulos de nodo instalados relacionados:

• reaccionar 15.0.1
• reaccion-redux 4.4.5
• redux 3.4.0

de hecho, actualmente estoy aprendiendo Reaccionar con Redux, así que es difícil para mí cómo hacerlo. Acabo de seguir el tutorial en el sitio web (puedo dar un enlace, pero no es inglés) pero no funciona con ese mensaje de error. mientras buscaba, alguien dijo que actualizar la versión de reaccionar y reaccionar-redux, pero instalé las últimas versiones. Cualquier consejo será muy apreciado.

Answer 1

De acuerdo con el documento , solo puede usar un elemento React normal en lugar de una función dentro de <Provider /> .

Como resultado, simplemente cambie su código a

<Provider store={store}>
    <App />
</Provider>

Creo que esto ha cambiado desde [email protected].

Answer 2

La pregunta original tenía un error tipográfico. Su respuesta es correcta en la sintaxis correcta.

Sin embargo, la razón directa es que <App /> necesita estar en una línea separada.

Si lo coloca en la misma línea que <Provider store={store}> React / Redux intenta hacer más con él de lo que debería.

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