React router не может передать параметры

Question

Я использую для этого проект маршрутизатор, но не могу понять, почему я не могу передать параметр в свой Url.

Здесь я определил мои маршруты:

render(
    <Provider store={store}> 
     <Router history={browserHistory}> 
      <Route path="/" component={App}> 
       <Route path="home" > 
        <Route path="editor/:id" component={EditorContainer}/> 
       </Route> 
      </Route> 
     </Router> 
    </Provider>, 
    document.getElementById('root') 
); 

В моем компоненте у меня есть эта строка:

<Link to="/home/editor/:id" params={{id: elem.id}} 
               onClick = {onOpen}>{elem.title} </Link> 

Чтобы открыть свой элемент в EditorContainer

Это открыть его правильно в моем EditorContainer но этот URL-адрес выглядит следующим образом:

http://localhost:8080/home/editor/:id 

и не так, как, например:

http://localhost:8080/home/editor/1234 

Можете ли вы сказать мне, что я делаю неправильно, пожалуйста?

Answer 1

Изменить компонент для:

var link='/home/editor' + elem.id; 
<Link to={link} /> 

Вы можете проверить React-Router Link, чтобы получить более подробную информацию о Link компонент

Это должно помочь