Question

如何通过路径从react-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>
    )
  }
}

按路径从react-router获取组件

1 个答案: