Javascript 无效的道具';组件';使用redux时,请与react路由器一起进行react
在我的情况下,使用react redux中的Javascript 无效的道具';组件';使用redux时,请与react路由器一起进行react,javascript,reactjs,react-router,react-redux,Javascript,Reactjs,React Router,React Redux,在我的情况下,使用react redux中的connect时,react路由器不将我的react组件视为有效组件。还有一个警告:失败的propType:Invalid prop组件提供给路由 index.js import { connect } from 'react-redux' import { createStore } from 'redux' import { Provider } from 'react-redux' import plattformApp from './redu
connect
时,react路由器不将我的react组件视为有效组件。还有一个警告:失败的propType:Invalid prop组件
提供给路由
index.js
import { connect } from 'react-redux'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import plattformApp from './reducers'
var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var hashHistory = ReactRouter.hashHistory;
var Main = require('./components/Main');
let store = createStore(plattformApp)
ReactDOM.render(
<Provider store={store}>
<Router history={hashHistory}>
<Route path='/' component={Main}>
</Route>
</Router>
</Provider>,
document.getElementById('app')
)
var React = require('react');
var ReactRouter = require('react-router');
var Link = ReactRouter.Link;
var KNGui = require("../components/KNGui");
var Search = require("../components/Search");
var Main = React.createClass({
render: function () {
return (
<div>
</div>
)
}
});
function mapStateToProps(state) {
return { test: state }
}
export default connect(mapStateToProps)(Main)
现在
var Main
包含完整的模块
要访问组件,您需要
var Main = require('./components/Main').default;
或
获取组件
import Main from './components/Main';