1While this will render in a web browser, beware that:
2Nesting an html button in an html a (or vice-versa) is not valid html . If you want to keep your html semantic to screen readers, use another approach.
3
4Do wrapping in the reverse way and you get the original button with the Link attached. No CSS changes required.
5
6 <Link to="/dashboard">
7 <button type="button">
8 Click Me!
9 </button>
10 </Link>
11Here button is HTML button. It is also applicable to the components imported from third party libraries like Semantic-UI-React.
12
13 import { Button } from 'semantic-ui-react'
14 ...
15 <Link to="/dashboard">
16 <Button style={myStyle}>
17 <p>Click Me!</p>
18 </Button>
19