Получить компонент от реакции-маршрутизатора по пути

Question

Как получить Компонент из Reaction-router v4 по пути?

Я ищу способ получить предварительно настроенный компонент по пути.

Например, у меня есть этот маршрут:

import React from 'react';
import UserScreen from './UserScreen';
...
<Route path='/user/:id' component={UserScreen}/> 

Теперь я хочу получить компонент UserScreen по пути. Примерно так:

getComponentByPath(path){
   // looking for this section ?
}

render(){
  const component = getComponentByPath('/user/12');
  return (<component />);
}

Я ищу объект Component .

Answer 1

вы можете использовать BrowserRouter реагировать на маршрутизатор v4 и визуализировать компонент с соответствующим маршрутом.

<BrowserRouter>
    <Switch>
      <Route path='/user/:id' component={UserScreen}/> 
   </Switch>
</BrowserRouter>

сделать UserScreen.js:

class UserScreen extends Component {

render() {

    return (
    <div>hello world</div>
    )
  }
}