react-routerを利用し、**http://.../detail/:id**にアクセスすると、指定したIDが画面に表示される処理を作成しています。 IDを指定して詳細画面を表示するイメージです。 EX: http://.../detail/1 <- ID::1の詳細情報を表示 http://.../detail/36 <- ID::36の詳細情報を表示ボタン押下時に指定したID情報をDetailコンポーネントに渡し、画面に表示するところまでは動作しているのですが、 URL直打ち、あるいはブラウザのリロードを行うと、404エラーになってしまいます。原因や改善方法がお分かりの方がいらっしゃれば、ご教授をお願いいたします。完全なソースは下記となります。 ```javascript import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { IndexRoute, Link, Router, Route, browserHistory, hashHistory } from 'react-router'; class Container extends Component { render() { return (

) } } class SideMenu extends Component { style() { return ({ listStyle: 'none' }) } render() { return ( ); } } class Main extends Component { render() { return (

{ this.props.component }

); } } class PageA extends Component { render() { return (

); } } class PageB extends Component { render() { return (

); } } class ADD extends Component { render() { return (

ADD

{ this.props.params.id }

); } } ReactDOM.render(( ), document.querySelector('#wrapper')); ```