javascript - React 路由器白屏

Question

使用之前项目中类似的 React-Route，该项目有效，但这个项目只是给出一个白屏，如果我在根目录中创建一个导航链接，它会更改路径但保持白色。不知道为什么内容没有加载。存储库上也有代码:repo with code

index.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'))

App.js

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

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

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

Answer 1

我克隆了您的存储库并发现了问题 - 这是 App.js 中的拼写错误

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

现在可以使用了。