React.Children.onlyが1つのReact要素の子エラーを受け取ると予期しています

Question

React.Children.onlyが1つのReact要素の子を受け取ると予想されています。次のコードから。

私はcreate-react-appを使用して新しい反応アプリを作成し、reduxとreact-reduxをインストールして、簡単な減速機を作成してその店舗を作成しました。

import React from "react"; 
import ReactDOM from "react-dom"; 
import { createStore, combineReducers } from "redux"; 
import { Provider } from "react-redux"; 

import logo from './logo.svg'; 
import './App.css'; 

class App extends React.Component { 
    render() { 
    return (
     <div className="App"> 
     <div className="App-header"> 
      <img src={logo} className="App-logo" alt="logo" /> 
      <h2>Welcome to React</h2> 
     </div> 
     <p className="App-intro"> 
      To get started, edit <code>src/App.js</code> and save to reload. 
     </p> 
     </div> 
    ); 
    } 
} 


function productReducer(state = [], action) { 
    return state; 
} 

const store = createStore(
    productReducer 
); 

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

Answer 1

あなたはここにスペースを持っている：

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

JSXは、単一の行に間隔についてちょっとうるさいです。あなたは、スペースを削除することができ、次のいずれか

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

または複数行の上でそれを破る：

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