简体繁体中英

withRouter vs react-router-dom hooks (useHistory, useLocation, useMatch)

原文 2021-01-12 04:56:12 3 1 reactjs/ react-router-dom

Sometimes I use withRouter to wrap my component and use history , location from props , sometimes I use useHistory() , useLocation() . I don't know the advantages or disadvantages of these two ways to use.

1 answers

What you're asking is not specific to react-router-dom , you're asking about the differences between using HOC pattern vs using hooks in React which is in a nutshell a decision between these values in projects:

Readability
Reusability
Customisation and usage
Debugging
Testability
Performance

which you can know more about them in these links:

https://medium.com/simply/comparison-hocs-vs-render-props-vs-hooks-55f9ffcd5dc6

https://www.robinwieruch.de/react-hooks-higher-order-components

https://medium.com/javascript-scene/do-react-hooks-replace-higher-order-components-hocs-7ae4a08b7b58#:~:text=For%20broadly%2Dused%20cross%2Dcutting,UI%20code%20in%20your%20app .

Mocking react-router-dom useHistory and other hooks with jest

Can't pass data from one page to another with React-Router-DOM (useHistory, useLocation)

react-router-dom useHistory returns undefined

react-router-dom useHistory() not working

'withRouter' is not exported from 'react-router-dom'

Not able to use WithRouter of react-router-dom

withRouter' is not exported from 'react-router-dom

What is withRouter for in react-router-dom?

export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom'

React.memo with react-router-dom useLocation()

暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question Mocking react-router-dom useHistory and other hooks with jest Can't pass data from one page to another with React-Router-DOM (useHistory, useLocation) react-router-dom useHistory returns undefined react-router-dom useHistory() not working 'withRouter' is not exported from 'react-router-dom' Not able to use WithRouter of react-router-dom withRouter' is not exported from 'react-router-dom What is withRouter for in react-router-dom? export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom' React.memo with react-router-dom useLocation()

Related Tags

withRouter vs react-router-dom hooks (useHistory, useLocation, useMatch)

Question

1 answers

solution1 3 ACCPTED 2021-01-12 05:46:49

solution1
3 ACCPTED 2021-01-12 05:46:49