我正在使用React和Typescript编写chrome扩展名。我决定使用MemoryRouter。我收到类似Uncaught Error: Invariant failed: You should not use <withRouter(time_entry_edit_component_TimeEntryEditComponent) /> outside a <Router>.
的错误这是我的路由代码:
import {MemoryRouter as Router, Route, Switch} from 'react-router-dom';
import { TimeEntryEditComponent } from './components/time-entry-edit.component';
<Router>
<Switch>
<StoreContext.Provider value={store}>
<Route exact path="/" component={HomePageComponent} />
<Route path="/time-entry/:id" component={TimeEntryEditComponent} />
<Route path="/issue-edit/:id" component={IssueEditComponent} />
</StoreContext.Provider>
</Switch>
</Router>
这是我连接TimeEnrtyEditComponent的方式:
const wrappedComponent = withRouter<TimeEntryEditProps, any>(TimeEntryEditComponent);
export { wrappedComponent as TimeEntryEditComponent };
感谢前进!