我正在尝试按照反应教程进行操作。我被卡在一个部分,我不断收到一条路线不匹配错误。react router位置“// playerOne”与任何路径不匹配
我的代码有什么问题,或者这种技术已经过时了吗?这里是我的框架版本:
"babel-preset-es2015": "^6.16.0",
"react": "^15.3.2",
"react-dom": "^15.3.2",
"react-router": "^2.8.1"
这里是我的路由器代码:
var React = require('react');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var hashHistory = ReactRouter.hashHistory;
var IndexRoute = ReactRouter.IndexRoute;
var Main = require('../components/Main');
var Home = require('../components/Home');
var PromptContainer = require('../containers/PromptContainer');
var routes = (
<Router history={hashHistory}>
<Route path='/' component={Main}>
<IndexRoute component={Home} />
<Route path='/playerOne' component={PromptContainer} />
<Route path='/playerTwo/:playerOne' component={PromptContainer} />
</Route>
</Router>
);
module.exports = routes;
这里是我的PromptContainer:
var React = require('react');
var PromptContainer = React.createClass({
render: function() {
return (
<div className="jumbotron col-sm-6 col-sm-offset-3 text-center">
<h1>SOME HEADER TEXT</h1>
<div className="col-sm-12">
<form>
<div className="form-group">
<input className="form-control"
placeholder="Github username"
type="text" />
</div>
<div className="form-group col-sm-4 col-sm-offset-4">
<button className="btn btn-block btn-success"
type="submit">
Continue
</button>
</div>
</form>
</div>
</div>
);
}
});
module.exports = PromptContainer;
为什么2溅在你的问题? 'react router Location“// playerOne”does not match any routes' – KOTIOS
@MyMasterPeice这是我在浏览到此URL时得到的错误 http:// localhost:8080 /#/?_k = xxxx/playerOne – Corbee
确保你正确地引用'PromptContainer'? – KOTIOS