반응 URL 모달 소개

3011 단어 reactmodalopensource
여기 Remote에는 a shiny new GitHub organization 전 세계가 볼 수 있도록(그리고 희망적으로 혜택을 받을 수 있도록) 구축한 패키지 및 라이브러리를 공개할 곳이 있습니다! 그리고 — 최초의 npm 패키지가 공식적으로 출시되었습니다!

React URL Modal은 URL을 사용하여 모달 상태를 추적하는 데 도움이 되는 React 라이브러리입니다. 보다 구체적으로 다음과 같습니다.
  • 응용 프로그램의 모달에 URL을 포함할 수 있습니다
  • .
  • 모달로 전송된 모든 매개변수를 인코딩합니다
  • .
  • React Portal 지원
  • 모든 프레임워크에서 작동합니다(the History API 사용)

  • 헤드리스, 최소형, 바로 사용할 수 있습니다!

    React URL 모달을 어떻게 사용합니까?



    npm 또는 yarn을 통해 기존 React 프로젝트에 라이브러리를 설치할 수 있습니다.

    > npm i react-url-modal
    
    # or
    
    > yarn add react-url-modal
    


    (또는 수동으로 할 수 있습니다install it locally from GitHub.)

    거기에서 원하는 곳 어디든 도서관에 들를 수 있습니다. 예를 들면 다음과 같습니다.

    import { URLModal } from "react-url-modal";
    
    import { ExampleModalComponent, SomeOtherExampleModalComponent } from './Modals';
    
    export const App = () => (
      <URLModal
        modals={{
          exampleModal: ExampleModalComponent ,
          otherModal: SomeOtherExampleModalComponent ,
        }}
      />
    );
    


    여기서 어디로 가야 합니까?



    시작할 수 있는 more examplesAPI documentation이 있습니다! 버그, 기능 요청 및 사용 사례in the repository에 대해서도 듣고 싶습니다. 거기서 보자!

    좋은 웹페이지 즐겨찾기