Javascript Redux&;React路由器:提供程序错误
我正在使用ReactJS启动新的应用程序。所有的网络环境对我来说都是全新的 总之,我用react路由器创建了一个简单的应用程序。完美地工作:) 我尝试添加Redux,然后。。。失败。我不知道如何使用React-redux和React-router 这是我的输入JS:index.JSJavascript 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
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')
);