Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Redux&;React路由器:提供程序错误_Javascript_Reactjs_Redux_React Router_React Redux - Fatal编程技术网

Javascript Redux&;React路由器:提供程序错误

Javascript Redux&;React路由器:提供程序错误,javascript,reactjs,redux,react-router,react-redux,Javascript,Reactjs,Redux,React Router,React Redux,我正在使用ReactJS启动新的应用程序。所有的网络环境对我来说都是全新的 总之,我用react路由器创建了一个简单的应用程序。完美地工作:) 我尝试添加Redux,然后。。。失败。我不知道如何使用React-redux和React-router 这是我的输入JS:index.JS class App extends React.Component{ render(){ return( <div> {routes} </div

我正在使用ReactJS启动新的应用程序。所有的网络环境对我来说都是全新的

总之,我用react路由器创建了一个简单的应用程序。完美地工作:)

我尝试添加Redux,然后。。。失败。我不知道如何使用React-redux和React-router

这是我的输入JS:index.JS

class App extends React.Component{
  render(){
    return(
      <div>
        {routes}
      </div>
    );
  }
}

ReactDOM.render(
  <Provider store={store}>  <App /> </Provider>,
  document.getElementById('app')
);
这是我的错误

未捕获错误:React.Children.仅应接收单个React元素>子元素

我的警告是:

警告:失败的道具类型:提供给
提供程序
数组类型的无效道具
子级
,应为单个元素

我知道提供商必须在应用程序的“顶端”,但这正是我所做的。我迷路了:(


感谢您的帮助。

您需要删除周围的空白。这:

ReactDOM.render(
,
document.getElementById('app')
);
应该是:

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

此处的空格被视为文本节点,即其他子节点。

@GreGGus-您好!如果我的回答确实修复了您的错误/警告,您是否可以将其视为已回答?谢谢!
import reducer from './reducer.js'
import { createStore } from 'redux';


const store = createStore(reducer);

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