简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Ant Financial의 Modal 메소드는 어떻게 페이지 끝에 요소를 삽입합니까?
大家讲道理
大家讲道理 2017-07-05 10:58:47
0
4
1087

Ant Financial의 React Modal 방식과 유사하게 React를 사용하여 공개 팝업 모듈을 작성하고 싶습니다.

이 구현의 원리가 무엇인지 모르겠습니다. 내가 작성한 팝업창을 페이지 끝에 어떻게 삽입하나요?


大家讲道理
大家讲道理

光阴似箭催人老，日月如移越少年。

모든 응답 (4)
迷茫
迷茫2017-07-05 11:00:47 4층

모달 구현의 소스 코드를 보면 이해하기 쉽습니다. 간단히 말해서:

으아악
좋다+0
답글 추가
    过去多啦不再A梦
    过去多啦不再A梦2017-07-05 11:00:47 3층

    @ssruoyan
    ES6 구문을 사용하여 이를 어떻게 구현할 수 있나요?

    좋다+0
    답글 추가
      给我你的怀抱
      给我你的怀抱2017-07-05 11:00:47 2층

      모달의 가시성은 가시성에 따라 결정됩니다. 오늘 작성한 모바일 코드입니다. 무슨 뜻인지 잘 모르겠습니다

      좋다+0
      답글 추가
        typecho
        typecho2017-07-05 11:00:47 1층

        실제로는 반응 범위 밖에서 렌더링되고 컴포넌트를 사용합니다

        여기에는 ReactDOM.unstable_renderSubtreeIntoContainer 인터페이스가 포함됩니다.
        그러나 이 인터페이스는 문서에서 사용할 수 없으며 불안정하다고 표시되어 있습니다

        시그니처는 이렇습니다

        으아악

        이런 용도로 쓸 수도 있겠네요

        으아악

        구체적인 사용법은 React-Portal
        사용법이나 Ant Financial의 Ant Design

        사용법을 참고하세요.

        서명과 정의는 여기에서 확인할 수 있으며 이에 대한 설명도 있습니다

        사실 저는 이 인터페이스의 사용법을 완전히 이해하지 못했습니다... 정확한지는 잘 모르겠습니다. 위 링크의 코드를 직접 읽어보세요

        좋다+0
        답글 추가
          인기 주제
          더>
          인기 기사
          인기 튜토리얼
          더>
          관련 튜토리얼
          인기 추천
          최신 강좌
          최신 다운로드
          더>
          웹 효과
          웹사이트 소스 코드
          웹사이트 자료
          프론트엔드 템플릿
          회사 소개 부인 성명 Sitemap
          PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！