내 앱의 루트에는 Menu와 Main 이라는 두 가지 React 구성 요소가 있습니다. 메뉴는 뷰포트 외부의 왼쪽으로 이동하면 숨겨집니다. 표시되면 Main 콘텐츠도 오른쪽으로 번역하고 싶습니다. 이를 위해 단순히 menuOpened 속성 (부울)을 두 구성 요소에 전달합니다. CSS transform 속성 translateX ()를 설정하는 조건부 스타일을 적용합니다. 문제는 내가 소품을 업데이트하면 모든 아이들이 다시 렌더링된다는 것입니다. 상태 / 소품에 따라 구성 요소의 스타일을 변경하는 더 좋은 방법이 있습니까?
언급했듯이 "렌더링"은 비싸지 않습니다. DOM 트리의 거의 아무것도 변경되지 않았기 때문에 diff가 작으므로 실제 변경 사항은 작습니다.
그러나 컴포넌트가 다시 렌더링되는시기를 정말로 제어하고 싶다면 React life-cycle method를 사용할 수 있습니다 shouldComponentUpdate(...)
.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다