У меня довольно стандартная настройка, роутер со страницами
import React from "react";
import ReactDOM from "react-dom";
import { IndexRoute, Router, Route, Link, hashHistory as history } from "react-router";
import Layout from "./pages/Layout";
...
import User from "./pages/User";
ReactDOM.render(
<Router history={history}>
<Route path="/" component={Layout}>
<IndexRoute component={...}/>
<Route path="project/create" component={...}/>
<Route path="project/:id" component={...}/>
<Route path="user/:id" component={User}/>
<Route path="*" component={...}/>
</Route>
</Router>,
document.getElementById("app-root"));
Все работает отлично, за исключением тех случаев, когда я захожу на страницу, подобную site.tld/#/user/5
компонент User
имеет некоторые проблемы с правильной реализацией. Все остальные страницы работают, у меня также есть другая страница, которая использует параметры URL (project/:id
), и она также работает нормально.
import React from "react";
...
export default class User extends React.Component {
constructor() {
super();
console.log(this);
...
}
render() {
return ...
}
Это то, что я получаю в консоли
Я уверен, что это самая глупая вещь когда-либо снова, но я не могу выбрать это...