반응에 외부 메소드를 도입하는 방법

React에 외부 메서드를 도입하는 방법: 1. 가져오기를 통해 외부 메서드를 도입합니다. 2. React의 수명 주기를 통해 외부 메서드를 도입합니다. "comComponentDidMount(){let scriptSrc = ['/config/jquery.min. js" ', '/config/lib/codemirror.js']scriptSrc.map(res => {...}".

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

React에서 외부 메소드를 도입하는 방법은 무엇입니까?

React에서 외부 함수 js를 도입할 때의 문제를 기록하세요

React 프로젝트를 작업할 때 때로는 다른 기본 js 모듈을 참조해야 할 때가 있습니다. (즉, 메소드)

js가 es6의 기본 내보내기를 통해 내보내지고 jsx에서 가져오기를 통해 도입될 수 있습니다.

그러나 js가 단지 메소드일 뿐이고 es6 등을 통해 내보내지지 않는 경우에는

예를 들어 네이티브 js를 작성했거나 js에서는 jquery를 사용하여 노드 반환 값을 작동합니다. 즉, 페이지 요소를 클릭하면 네이티브 이벤트가 트리거될 수 없습니다. jsx에서 가져오기를 통해 도입할 수 있습니다. 1. React 프레임워크에 있는 경우

2. React의 수명 주기를 통해 jsx에 도입할 수도 있습니다. 예를 들어

   componentDidMount() {
        // 要引入的js文件地址
        let scriptSrc = ['/config/jquery.min.js', '/config/lib/codemirror.js']
        scriptSrc.map(res => {
            // 动态创建script标签
            var script = document.createElement('script');
            // 规则
            script.type = "text/javascript"
            // script中src只想路径
            script.src = res;
            // 追加到html的head头中
            document.head.appendChild(script);
        })
        var script = document.createElement('script')
        script.type = 'text/javascript'
        script.src = '/config/show-hint.js'
        // 追加到html中body的内
        document.body.append(script)
        var script = document.createElement('script');
        script.type = "text/javascript"
        script.src = '/config/formula.js';
        // 追加到html中body的内
        document.body.append(script);
    }

여러 js를 도입해야 하며, 여러 스크립트 태그를 동적으로 생성해야 합니다. 그렇지 않으면 후자가 이전 Cover를 대체하게 됩니다.

머리에 js를 추가하는 이유는

모든 js 코드가 다운로드되고 구문 분석될 때까지 기다려야 하기 때문입니다. 페이지 내용이 표시되기 전에 실행됩니다

도입할 때 함정이 있습니다

스크립트가 html에 js를 도입하면 js 주소는

http://http://localhost:端口号/你的js名称

입니다. 이는 브라우저가 js 주소를 사용한다는 의미입니다. 찾고 있는 것은 프로젝트의 공개 파일, 즉 정적 리소스 아래의 파일이므로 js를 공개(정적 리소스 디렉터리 아래)에 넣고 직접 가져와야 합니다.

추천 학습: "

반응형 비디오 튜토리얼

"

위 내용은 반응에 외부 메소드를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!