반응 중인 모달이 적용되지 않으면 어떻게 해야 합니까?

모달이 반응에서 적용되지 않는 솔루션: 1. "main.jsx" 파일에서 ""를 제거합니다. 2. 모달 구성 요소가 사용되는 경우 "transitionName="" 마스크TransitionName=" 속성을 Modal ""에 추가합니다. 3. "개미 디자인"을 업그레이드합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응 중인 모달이 적용되지 않으면 어떻게 해야 하나요?

React는 오류를 보고하기 위해 Ant 구성 요소 라이브러리의 모달 팝업 창을 사용합니다.

React에서 오류를 보고하기 위해 Ant-design 라이브러리의 모달 팝업 창 콘솔을 사용할 때 발생하는 문제를 해결합니다. project

findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrapper3 which is inside StrictMode.

문제의 근본 원인:

Strict 모드는 코드 작성 표준을 제한하기 위해 반응 스캐폴딩에서 활성화됩니다. CSSTransition은 Ant-design 컴포넌트 라이브러리에서 사용되지만 CSSTransition에서 일부 코드를 작성하는 방식은 최신 반응 작성 방식도 아니고 별로 规范 아니기 때문에 엄격 모드에서 반응하면 경고가 발생합니다. 결과적으로 팝업 창을 사용할 수 없습니다

해결책:

1. React의 엄격 모드를 끄세요

main.jsx 파일에서 를 제거하세요. 그러나 개발 프로젝트에서 React.StrictMode 태그는 코드 검증에 여전히 매우 중요하므로 끄지 않는 것이 가장 좋습니다. 이 방법은 권장되지 않습니다. 그리고 새 버전의 반응에서는 엄격 모드를 제거하면 다른 문제가 발생할 수 있습니다.

2.ant-design에서 CSSTransition 효과를 사용하지 마세요

모달 구성 요소가 사용되는 경우 Modal

transitionName=""maskTransitionName=""

<modal transitionname="" masktransitionname="" visible="{isModalVisible} " onok="{this.handleOk} " oncancel="{this.handleCancel}">
    <p>确定删除该代办任务吗？</p>
</modal>

3에 두 가지 속성을 추가하세요. 이 문제를 해결하려면 ant-design이 업그레이드될 때까지 기다릴 수 있습니다.

권장 학습: "react 비디오 튜토리얼"

위 내용은 반응 중인 모달이 적용되지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!