Question

我有index.js喜欢：

render(
    <Root store={store} />,
  document.getElementById('root')
)

和Root.js喜欢：

   class Root extends Component {
  render() {
    const { store } = this.props
    return (
      <Provider store={store}>
          <ReduxRouter />
      </Provider>
    )
  }
}

Root.propTypes = {
  store: PropTypes.object.isRequired
}

export default Root

和我的routes.js喜欢：

export default (
  <Route path="/" component={App}>
  </Route>
)

和我的App.js喜欢：

class App extends Component {
  render() {
    <div>
      <p>Some cool header</p>
    </div>
  }
}
export default App

但是当我通过localhost:3000访问我的网页时，它只显示空白页面..我希望它显示<p>Some cool header</p>

它没有任何错误..这里有什么问题..

Answer 1

您尚未将任何路由传递到-verbose:class组件呈现功能内的ReduxRouter组件。这就是为什么Root没有呈现而你看到一个空白页面的原因！

将App更新为：

Root.js

然后，您应该在浏览器中看到所需的输出。

反应redux路由器显示空白页面

1 个答案: