반응 라우터 배치 HTML 버튼에 링크



Answers

반대 방향으로 배치하면 링크가 첨부 된 원본 단추가 나타납니다. CSS를 변경하지 않아도됩니다.

 <Link to="/dashboard">
     <button type="button">
          Click Me!
     </button>
 </Link>

여기에 버튼은 HTML 버튼입니다. Semantic-UI-React 와 같은 타사 라이브러리에서 가져온 구성 요소에도 적용 할 수 있습니다.

 import { Button } from 'semantic-ui-react'
 ... 
 <Link to="/dashboard">
     <Button style={myStyle}>
        <p>Click Me!</p>
     </Button>
 </Link>
Question

제안 된 방법 사용 : 결과입니다 : 버튼의 링크 , 주석 줄 사이의 코드

'react-router' 사용하는 HTML button 태그에서 'react-router'Link 요소를 래핑하는 방법이 있는지 궁금합니다.

현재 앱의 페이지를 탐색하는 Link 구성 요소가 있지만 HTML 버튼에 해당 기능을 매핑하고 싶습니다.




Links