反应路由器白屏

Question

使用上一个项目中类似的 React-Route 工作，但这个只是给出一个白屏，如果我在根目录中创建一个导航链接，它会改变路径但保持白色。不知道为什么内容没有加载进来。还有repo 上的代码：repo with code

索引.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory, IndexRoute } from 'react-router';

import App from './App';
import Test from './components/test';
import Home from './pages/home_page';
import './index.css';

ReactDOM.render((
  <Router history={browserHistory}>
    <Route path='/' component={App}>
      <IndexRoute component={Home}/>
      <Route path='/test' component={Test} />
    </Route>
  </Router>
), document.getElementById('app'))

应用程序.js

import React, { Component } from 'react';
import './App.css';

export default class App extends Component {
  render() {
    return (
      <div>
       {this.props.childen}
      </div>
    );
  }
}

只是补充说控制台没有错误，并说它编译正确，没有警告。url 确实发生了变化，但内容未加载到页面。

Answer 1

我克隆了你的 repo 并发现了这个问题 - 这是一个错字 App.js

{this.props.childen} -> {this.props.children}

它现在有效。