2017-11-01 5 views
-2

건물을 짓고있는 응용 프로그램이 있습니다. 정적 HTML에서 백 엔드와 프런트 엔드를 모두 구축했습니다. 이것들은 모두 온라인으로 유료 템플릿으로 만들어졌지만 두 가지 버전이 부트 스트랩의 다른 버전에 달려 있습니다. 3 & 4.범위가 지정된 스타일 시트에 적용

나는 react-create-app 시동기에서 React 응용 프로그램을 빌드하기 시작했는데 막 다른 골목에 닿았습니다. 올바르게 스타일을 지정하십시오.

구성 요소에 CSS를 적용하여 구성 요소를 렌더링 할 때 dom에 추가되는 방법이 있습니까? FRONTEND 및 BACKEND 구성 요소의 개념을 만들어 이러한 구성 요소가 페이지를 감싸줍니다. 이러한 구성 요소에서 HEAD 태그를 수정하여 페이지 시트가 작동하는 동안 스타일 시트를 추가/제거하려고 시도했지만 페이지가 렌더링되는 동안 깨진 html을 잠시 남겨 둡니다.

아이디어가 있으십니까? 나는이 하루의 대부분에 붙어있어.

+0

일정 기간 동안 '범위가 지정되었습니다'. https://www.w3schools.com/tags/att_style_scoped.asp하지만 천천히 가버 리고 있습니다. 이러한 문제에 직면하고있는 이유는 2 가지 프론트 엔드 라이브러리를 사용하는 이유와 둘 다 같은 페이지에 포함되어야하는 이유에 대해 생각하는 것입니다. . – cidicles

+0

스타일을 CSS 모듈 또는 스타일이 적용된 구성 요소로 변환하십시오. – lumio

+0

@lumio CSS 모듈이 두 가지 다른 버전의 부트 스트랩을 사용하여 OP를 돕는 방법을 모르는 경우. – earthling

답변

-1

내가하는 일에 적극 권장합니다. 그러나 반드시 필요한 경우 각 구성 요소를 별도의 iframe에 넣으면 css를 분리하고 하나의 redux 저장소를 사용하여 양쪽 iframe에 데이터를 공급하고 동기화 할 수 있습니다.

+0

당신이 내 대답에 투표를 거절한다면, 당신의 추론을 아는 것이 좋을 것입니다. – earthling