Question

我尝试创建SPA，但是我收到错误。它仅适用于404页面的错误网址

未捕获错误：元素仅用于路由器配置，不应呈现

import React from 'react';
import { render } from 'react-dom'
import {Router, Route, browserHistory, IndexRoute} from 'react-router';
import { Provider } from 'react-redux'
import configureStore from './store/configureStore'

import Full from './containers/Full/'
import LoginPage from './containers/LoginPage/'
import Page404 from './views/Pages/Page404/'
import Dashboard from './views/Dashboard/';

const store = configureStore()

ReactDOM.render((
  <Provider store={store}> 
    <Router history={browserHistory}>
      <div>
        <Route path="/" component={Full}>
            <IndexRoute component={Dashboard} />
            <Route path='dashboard' component={Dashboard} />
            <Route path='login' component={LoginPage} />
        </Route>
        <Route path='*' component={Page404} />     
        </div>  
    </Router>
  </Provider>
), document.getElementById('root'));

Answer 1

试试这个：

const store = configureStore()
const routes = (
    <Route path="/" component={Full}>
       <IndexRoute component={Dashboard} />
       <Route path='dashboard' component={Dashboard} />
       <Route path='login' component={LoginPage} />
       <Route path='*' component={Page404} />
     </Route>

 );

const App = (
   <Provider store={store}> 
      <Router history={browserHistory} routes={routes} />
    </Provider>
)

ReactDOM.render(App, document.getElementById('root'));

React-Router 3错误：<route>元素仅用于路由器配置，不应呈现

1 个答案: