React error 'Failed propType: non valide prop 'children' fourni à 'Provider`, prévu un seul Retelement'

j'ai un problème avec Réagir.js. c'est mon code:

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
);

et tourne la page, il saids:

Proptype échoué: prop invalide children fourni Provider, on s'attend à un seul Retelement

voici la liste de mes modules de noeuds installés:

  • réagir 15.0.1
  • réagissent-redux 4.4.5
  • redux 3.4.0

en fait, je suis en train D'apprendre à réagir avec Redux, donc c'est difficile pour moi comment faire. je viens de suivre un tutoriel sur le site web (Je peux donner un lien, mais ce n'est pas l'anglais) mais il ne fonctionne pas avec ce message d'erreur. quand j'ai cherché, quelqu'un m'a dit de mettre à jour la version de react et react-redux, mais j'ai installé les dernières versions. tout conseil sera très apprécié.

25
demandé sur Derek 朕會功夫 2016-04-20 09:22:47
la source

2 ответов

Selon le doc, vous pouvez juste utiliser un élément de réaction normal au lieu d'une fonction à l'intérieur de <Provider />.

par conséquent, changez simplement votre code en

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

je pense que cela a changé depuis [email protected]

15
répondu wuct 2016-04-20 09:34:27
la source

la question originale avait une faute de frappe. Votre réponse est correcte dans la syntaxe correcte.

cependant, la raison directe est que <App /> doit être sur une ligne distincte.

Si vous le mettez sur la même ligne que <Provider store={store}> React / Redux essaie d'en faire plus qu'il ne devrait.

ReactDOM.render(
<Provider store={store}>
  <App />
</Provider>,
  document.getElementById('root')
);
3
répondu nick rodriguez 2018-02-12 07:09:30
la source

Autres questions sur