반응 앱에 템플릿 다시 쓰기
추신: 반응 결과를 보고 싶다면 아래로 스크롤하여 github 저장소를 찾으세요!
PS2: 이 튜토리얼은 여러분이 반응 사이트의 시작하기 튜토리얼을 따랐고 약간의 타이프 스크립트를 알고 있다고 가정합니다. 나는 여기에서 그다지 정확하지 않으며 반응 경험이 있는 몇 가지 단계를 해석해야 합니다.
탐색을 허용하려면(메뉴를 클릭하면 URL이 변경됨) react-router-dom을 사용할 수 있습니다. 여기서 가장 쉬운 단계는 라우터를 포함하는 이 템플릿으로 시작하는 것입니다(찾았습니다here ). 나는 그것을 typescript로 선택합니다.
npx create-react-app react-template --template react-router-dom-typescript
cd react-template
npm install
code . // this launches visual code studio
이제 다음을 수행해야 합니다.
<head>
에서 css에 대한 링크를 추가하고 이 템플릿에서 js는 body 태그의 맨 아래에 로드되므로 거기에도 복사하면 됩니다. <br>
는 <br />
가 되고 <img ...>
는 <img .../>
가 됩니다.<a href="blabla">
태그를 <Link to="">
및 import {Link} from "react-router-dom"
맨 위에 <Link to="/contact">
는 URL을 localhost:3000/contact
로 가져옵니다. 이 페이지는 아직 존재하지 않지만 나중에 추가할 수 있습니다. ... 음, 아래에서 내 예를 볼 수 있습니다. 재미있게 보내세요!
여기에서 github를 확인하십시오.
https://github.com/wimdenherder/react-bootstrap-template
Reference
이 문제에 관하여(반응 앱에 템플릿 다시 쓰기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/wimdenherder/rewriting-a-template-to-a-react-app-58p3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)