Question

我的问题是react-route显示空白页面，控制台或webpack中没有错误显示。我尝试删除所有路由器并替换为App，但它显示空白页面。

这是我的main.js文件。

＆＃13;

import React from 'react'
import ReactDOM from 'react-dom'
import {Provider} from 'react-redux'
import {createStore, combineReducers} from 'redux'
import { Router, Route, browserHistory, IndexRoute } from 'react-router'

import Index from './containers/Index.js'
import App from './containers/App.js'
import pollReducer from './reducers/pollReducer.js'

var reducers = combineReducers({
  poll: pollReducer
})

var store = createStore(reducers);

ReactDOM.render(
  <Provider store={store}>
    <Router>
      <Route path="/" component={Index} />
      <Route path="/question" component={App} />
    </Router>
  </Provider>
, document.getElementById('app'))

＆＃13;

这是我的App和Index js文件

＆＃13;

import React from 'react'

class App extends React.Component {
  render(){
    return(
      <div>
        This is App page
      </div>
    )
  }
}

export default App

＆＃13;

这是我的Index.js文件

＆＃13;

import React from 'react'

class Index extends React.Component {
  render(){
    return(
      <div>
        This is asdasdasda
      </div>
    )
  }
}

export default Index

＆＃13;

感谢您的帮助。

Answer 1

因为您忘记定义history，请使用此选项：

<Router history={browserHistory}>
    <Route path="/" component={Index} />
    <Route path="/question" component={App} />
</Router>

react-route显示空白页面

1 个答案: