javascript - MemoryRouter 没有设置位置的搜索部分

Question

我想测试我的组件是否可以获取位置的搜索部分并转换为 json 以供使用，但是当我使用查询字符串设置 initialEntries 时，搜索部分没有改变。

//My Test
render(
  <MemoryRouter inititalEntries={['/pesquisa?number=1&uf=PR']}>
    <App/>
  </MemoryRouter>
)

//My Component
const Pesquisa = (props) => {
  const { search } = props.location
  // what i want
  // search === '?number=1&uf=PR'
  // what i have
  // search === ''
}
export default withRouter(Pesquisa)

// My Container App
const App = () => 
  <div className="App">
    <BrowserRouter>
      <Switch>
        <Route path="/pesquisa" render={props => <Pesquisa/>}/>
      </Switch>
    </BrowserRouter>
  </div>

Answer 1

您可以使用来自 react-router-dom 的 useLocation() 钩子(Hook)。您必须查看 location.search。