React 데이터 흐름에서 더 높은 DOM 노드를 변경하는 방법은 무엇입니까?

독주

HTML예를 들어 이것을 매우 작게 생각해보십시오 .

<body>
    <div id="something-else"></div>

    <div id="app></div>
</body>

첫 번째 React 구성 요소는에 #app있습니다. body스타일 (예 : 모달) 을 변경해야하는 경우 어떻게합니까?

React 규칙을 위반하지 않고 어떻게할까요? DOM또는 직접 변경할 수 없습니까?

헥토르

반응 컴포넌트가 마운트 된 DOM 하위 트리의 일부가 아닌 DOM 요소를 변경할 때 문제가 없어야합니다.

귀하의 경우 구성 요소가 #app div에 마운트 된 경우 본문에서 변경하는 데 문제가 없어야합니다 (예 : # something-else를 수정하는 것이 좋습니다).

반면에 #app 또는 DOM 하위 트리 (react에 의해 렌더링 및 제어 됨)를 변경하면 문제가 발생할 수 있습니다. 그럼에도 불구하고 소위 '포털'을 사용하는 것과 같이 강제로 그렇게 할 경우이를 수행하는 기술이 있습니다 .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

SSRS에서 페이지 헤더의 높이를 동적으로 변경하는 방법은 무엇입니까?

분류에서Dev

스프링 클라우드 데이터 흐름에서 주제를 만드는 방법은 무엇입니까?

분류에서Dev

특정 값에 따라 데이터 프레임 헤더를 변경하는 방법은 무엇입니까?

분류에서Dev

데이터 흐름 verilog에서 두 개의 벡터를 사용하는 방법은 무엇입니까?

분류에서Dev

노드 환경 변수 내에 민감한 데이터를 저장하는 방법은 무엇입니까?

분류에서Dev

react-router-dom에서 URL 경로를 변경하는 방법은 무엇입니까?

분류에서Dev

highstock에서 창 높이를 변경하는 방법은 무엇입니까?

분류에서Dev

jcombobox에서 jpopupmenu의 높이를 변경하는 방법은 무엇입니까?

분류에서Dev

Spring Cloud 데이터 흐름에서 글로벌 리소스를 처리하는 방법은 무엇입니까?

분류에서Dev

SQL 데이터베이스에서 데이터를 출력하는 더 좋은 방법은 무엇입니까?

분류에서Dev

흐름이 같은 경우 데이터 프레임에서 데이터를 그룹화하는 방법은 무엇입니까?

분류에서Dev

사이드 바 및 헤더의 무료 React.js 관리 템플릿에서 coreUi 로고를 변경하는 방법은 무엇입니까?

분류에서Dev

React에서 JSON 데이터를 매핑하는 방법은 무엇입니까?

분류에서Dev

부모의 상태가 변경 될 때 React에서 자식 구성 요소를 업데이트 (다시 렌더링)하는 방법은 무엇입니까?

분류에서Dev

React에서 소품이 변경 될 때 데이터 및 setState를 가져 오는 방법은 무엇입니까?

분류에서Dev

R .CSV 데이터에서 헤더별로 데이터를 설명하는 방법은 무엇입니까?

분류에서Dev

데이터 프레임에서 숫자 대신 변수를 더하는 방법은 무엇입니까?

분류에서Dev

C # ASP.NET에서 다른 셀 값을 따르도록 데이터 그리드 헤더를 변경하는 방법은 무엇입니까?

분류에서Dev

Angular를 사용하여 많은 양의 데이터에 대한 브라우저 렌더링 속도를 높이는 방법은 무엇입니까?

분류에서Dev

React에서 API 데이터를 한 번만 요청하고 방문 할 때마다 페이지를 렌더링하지 않는 방법은 무엇입니까?

분류에서Dev

React.js 임의의 이미지 변경 상태를 렌더링하는 방법은 무엇입니까?

분류에서Dev

자산 폴더에서 sqlite 데이터베이스를 업데이트하는 방법은 무엇입니까?

분류에서Dev

더 많은 데이터를 가져와 React에서 올바르게 상태에 저장하는 방법은 무엇입니까?

분류에서Dev

AJAX 응답 데이터에서 Kendo UI 그리드를 렌더링하는 방법은 무엇입니까?

분류에서Dev

React로 URL 경로에서 데이터를 검색하는 방법은 무엇입니까?

분류에서Dev

React JS에서 그리드 방식으로 데이터를 표시하는 방법은 무엇입니까?

분류에서Dev

DOM 노드를 jQuery와 같은 변수에 저장하는 방법은 무엇입니까?

분류에서Dev

Power BI에서 데이터 세트의 데이터 흐름을 수정하는 방법은 무엇입니까?

분류에서Dev

헤더 배경을 100 % 높이로 만드는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    SSRS에서 페이지 헤더의 높이를 동적으로 변경하는 방법은 무엇입니까?

  2. 2

    스프링 클라우드 데이터 흐름에서 주제를 만드는 방법은 무엇입니까?

  3. 3

    특정 값에 따라 데이터 프레임 헤더를 변경하는 방법은 무엇입니까?

  4. 4

    데이터 흐름 verilog에서 두 개의 벡터를 사용하는 방법은 무엇입니까?

  5. 5

    노드 환경 변수 내에 민감한 데이터를 저장하는 방법은 무엇입니까?

  6. 6

    react-router-dom에서 URL 경로를 변경하는 방법은 무엇입니까?

  7. 7

    highstock에서 창 높이를 변경하는 방법은 무엇입니까?

  8. 8

    jcombobox에서 jpopupmenu의 높이를 변경하는 방법은 무엇입니까?

  9. 9

    Spring Cloud 데이터 흐름에서 글로벌 리소스를 처리하는 방법은 무엇입니까?

  10. 10

    SQL 데이터베이스에서 데이터를 출력하는 더 좋은 방법은 무엇입니까?

  11. 11

    흐름이 같은 경우 데이터 프레임에서 데이터를 그룹화하는 방법은 무엇입니까?

  12. 12

    사이드 바 및 헤더의 무료 React.js 관리 템플릿에서 coreUi 로고를 변경하는 방법은 무엇입니까?

  13. 13

    React에서 JSON 데이터를 매핑하는 방법은 무엇입니까?

  14. 14

    부모의 상태가 변경 될 때 React에서 자식 구성 요소를 업데이트 (다시 렌더링)하는 방법은 무엇입니까?

  15. 15

    React에서 소품이 변경 될 때 데이터 및 setState를 가져 오는 방법은 무엇입니까?

  16. 16

    R .CSV 데이터에서 헤더별로 데이터를 설명하는 방법은 무엇입니까?

  17. 17

    데이터 프레임에서 숫자 대신 변수를 더하는 방법은 무엇입니까?

  18. 18

    C # ASP.NET에서 다른 셀 값을 따르도록 데이터 그리드 헤더를 변경하는 방법은 무엇입니까?

  19. 19

    Angular를 사용하여 많은 양의 데이터에 대한 브라우저 렌더링 속도를 높이는 방법은 무엇입니까?

  20. 20

    React에서 API 데이터를 한 번만 요청하고 방문 할 때마다 페이지를 렌더링하지 않는 방법은 무엇입니까?

  21. 21

    React.js 임의의 이미지 변경 상태를 렌더링하는 방법은 무엇입니까?

  22. 22

    자산 폴더에서 sqlite 데이터베이스를 업데이트하는 방법은 무엇입니까?

  23. 23

    더 많은 데이터를 가져와 React에서 올바르게 상태에 저장하는 방법은 무엇입니까?

  24. 24

    AJAX 응답 데이터에서 Kendo UI 그리드를 렌더링하는 방법은 무엇입니까?

  25. 25

    React로 URL 경로에서 데이터를 검색하는 방법은 무엇입니까?

  26. 26

    React JS에서 그리드 방식으로 데이터를 표시하는 방법은 무엇입니까?

  27. 27

    DOM 노드를 jQuery와 같은 변수에 저장하는 방법은 무엇입니까?

  28. 28

    Power BI에서 데이터 세트의 데이터 흐름을 수정하는 방법은 무엇입니까?

  29. 29

    헤더 배경을 100 % 높이로 만드는 방법은 무엇입니까?

뜨겁다태그

보관