Reactjs 如何在react路由器v4中使用props.params设置修补程序

在以前的版本中，react route v4。我会写

<Route path='OrdersView(&filters:filters)'

---

如何在react router v4版中执行此操作？

一个使用参数路由的简单示例

import React from 'react'
import { BrowserRouter as Router, Route } from 'react-router-dom'

import Topic from '../topic'

export default function App() {
  return (
    <Router>
      <div>
        <Route path="/topics/:name" component={Topic} />
      </div>
    </Router>
  );
}

从“React”导入React
从“react Router dom”导入{BrowserRouter as Router，Route}
从“../Topic”导入主题
导出默认函数App（）{
返回(
);
}

像这样使用它

import React from 'react'

export default function Topic(props) {
  return <h1>{props.match.params.name}</h1>
}

从“React”导入React
导出默认功能主题（道具）{
返回{props.match.params.name}
}

资料来源：

import React from 'react'
import { BrowserRouter as Router, Route } from 'react-router-dom'

import Topic from '../topic'

export default function App() {
  return (
    <Router>
      <div>
        <Route path="/topics/:name" component={Topic} />
      </div>
    </Router>
  );
}

import React from 'react'

export default function Topic(props) {
  return <h1>{props.match.params.name}</h1>
}