좋아요, 그래서 React를 기존 코드베이스에 통합하려고합니다. 현재 common.js에서 운영하는 단일 페이지 웹 응용 프로그램이 있습니다. 그러나 JSX 파일 또는 HTMl 파일에서 'type = "text/jsx"'로로드 된 스크립트 파일이 실패하면 JS 파일의 범위 내에 나타납니다. 이는 음란 한 양의 코드를 리 팩터링하지 않고 초기화 한 후 React 구성 요소를 조작 할 방법이 없기 때문에 문제가됩니다. Common.js는 범위에 의존하는 외부 파일/라이브러리를 가지고 있기 때문에 JSX로 변환 할 수 없습니다.React/JSX Scope
0
A
답변
2
터미널에서 직접 jsx 파일을 "컴파일"할 수 있습니다. 그렇게하면 type="text/jsx"
을 넣을 필요가 없습니다. js 코드 일 뿐이 기 때문입니다.
다음은 즉석에서 코드를 컴파일 할 express-jsx 미들웨어를 사용할 수 있습니다, 당신은 당신의 서버에 NodeJS를 사용하는 경우 jsx
라는 NPM 명령 줄 컴파일러입니다.
관련 문제
- 1. $ scope
- 2. $ scope
- 3. AngularJS의 함수 ($ scope)와 [ '$ scope', function ($ scope)]의 차이
- 4. $ scope. $ digest는 $ scope. $ 내에서 근본적으로 올바르지 않습니까?
- 5. AngularJS - $ scope 작성 전 목적 $ (scope)
- 6. %% GLOBAL_CustomerGroupId %% - Scope
- 7. $ scope. $ on
- 8. @Scope 제대로
- 9. Autorelease scope
- 10. 지시어 외부에서 $ scope 요소가 보이지 않음 ($ scope : false 사용)
- 11. angular.js $ scope. $ broadcast, $ scope. $ emit, $ rootScope. $ 무엇을 사용할 것인가?
- 12. bindToController 모든 $ scope ($ scope. $ on)을 없애는 방법
- 13. Ninject Transient Scope + Scope Disposal + Garbage Collection + Memory Leak
- 14. Angularjs는 다른 $ scope 메서드에 $ scope 메서드를 매개 변수로 전달합니다.
- 15. $ scope ($ routeChangeSuccess '...)와 scope 함수에서 메소드를 호출하는 것의 차이점은 무엇입니까?
- 16. Ninject Kernel Scope
- 17. Ruby global scope
- 18. "module scope"에 접근합니다.
- 19. DataContext Scope 모범 사례
- 20. Ninject Scope 및 System.Threading.Timer
- 21. SEAM @DataModelSelection scope
- 22. Stack std :: vector scope
- 23. 변수를 $ scope 값으로 설정하십시오.
- 24. AngularJS에서 $ scope 란 무엇입니까?
- 25. 내비게이션에서 Angular $ scope 유지
- 26. $ scope with promises with
- 27. javascript/dojo method scope
- 28. 레일 : url_to scope
- 29. AngularJS $ scope. $ apply() Dilemma
- 30. Rails scope vs named_scope