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

EN

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>
}