React 중국어 자습서 - Component Lifecycle(구성 요소의 라이프 사이클)

1335 단어 React




React | Component Lifecycle






/** @jsx React.DOM */
React.renderComponent(<div>Hello, world!</div>, document.body);
setTimeout(function() {
	React.renderComponent(<div>Goodbye, world.</div>, document.body);
}, 3000);
setTimeout(function() {
	React.renderComponent(<img src="/images/fin.png" />, document.body);
}, 2000);
setTimeout(function() {
	React.unmountAndReleaseReactRootNode(document.body);
	React.renderComponent(<h1>Hi! EveryBody.</h1>, document.body);
}, 4000);



React의 구성 요소 라이프 사이클은 다음과 같습니다. Mounting(추가), Updating(업데이트), Unmounting(이동)
  • React 사용.renderComponent() 함수는 이미 존재하는 DOM 노드에 구성 요소를 첨부합니다
  • React.renderComponent는 첨부된 DOM 노드에 이 유형의 구성 요소가 존재하는지 판단하고 존재하면 업데이트합니다. 그렇지 않으면 DOM 노드에 새 구성 요소로 첨부합니다
  • React 사용.unmount AndReleaseReactRootNode() 함수는 현재 DOM 노드의 모든 구성 요소를 제거합니다. 메모리가 폭증하여 브라우저가 충돌하는 것을 피할 수 있습니다

  • 당신은 본문을 수정하고 다시 발표할 수 있습니다. 만약 본문의 참고 연결을 남길 수 있다면, 대단히 감사합니다!만약 당신이 본문에 대해 의문이 있다면, 메시지를 남기거나 본문에 대한 직접적인 평론을 환영합니다. 저는 본 시간에 답장을 드리겠습니다.

    좋은 웹페이지 즐겨찾기