React Router基本名称仅适用于确切路径

Question

我正在使用像这样的React Router。

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

const Base = () => {
  return (
    <Provider store={store}>
      <Router basename="research">
        <Route exact path="/" component={App} />
      </Router>
    </Provider>
  );
}

ReactDOM.render(<Base />, document.getElementById('root'));

在我的App组件中，我有一些路线。

<Route path="/" component={SearchPage} />
<Route path="/article/ name="article" component{ArticlePage} />

它通常呈现第一个路径，但是当我导航到文章页面时，我无法获取内容。