反应路由器不工作 - 没有错误

Question

import React, { Component } from 'react';
import './App.css';
var ReactRouter = require('react-router');
var Router  = ReactRouter.Router;
var Route = ReactRouter.Route;
var Navigation = ReactRouter.Navigation;

var StorePicker = React.createClass({
render : function() {
return (
  <form className="store-selector">
    <h2>Please Enter A Store</h2>
    </form>
)
}

});

var routes = (
<Router>
<Route path="/" component={StorePicker}/>
<Route path="store" component={App}/>
</Router>
)
export default routes;

---

我正在尝试使用反应路由器。此代码不起作用。它没有给出任何错误。但它给出了两个警告。

---

警告：失败的道具类型：道具history在Router中标记为必填，但其值为undefined。 在路由器中

---

React.createElement: type is invalid -- 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：对象。

Answer 1

对于警告：
（警告：失败的道具类型：道具历史记录在路由器中标记为必需，但其值未定义。在路由器中）

您缺少路由器尝试的历史定义：

<Router history={hasHistory|browserHistory|createMemoryHistory}>
  <Route path="/" component={Home} />
</Router>

注意：您必须使用 React 路由器将所选的历史记录类型添加到您的导入中，因此如果您选择添加 browserHistory，您的导入将如下所示：

import { browserHistory, Router, Route } from 'react-router'
           ^---added as a named import

---

不同选项的简要说明：

browserHistory ：以路径“/”开头的完整 url 的路径为基础。因此，如果您的 SPA 位于 www.myapp.com，则默认情况下，根路径将对应于 www.myapp.com/。所以如果你想要一个到www.myapp.com/blog的路由，你需要定义一个路由路径'/blog'。

hasHistory：做同样的事情，但根从 url 中找到的第一个 # 字符开始：example.com/#/some/path 对应于：/some/path

createMemoryHistory：用于测试和服务器渲染。此选项不读取或操作地址栏。

查看：React Router Histories 了解更多信息