js-react 구성 요소 수명 주기

구성 요소 의 생명 주 기 는 세 가지 상태 로 나 눌 수 있 습 니 다:
•마 운 트:실제 DOM 이 삽입 되 었 습 니 다.
•Updating:다시 렌 더 링 되 고 있 습 니 다.
•Unmounting:실제 DOM 을 옮 겼 습 니 다.
생명주기 의 방법 은 다음 과 같다.
•componentWillMount 는 렌 더 링 전에 호출 되 고 클 라 이언 트 도 서버 에 있 습 니 다.
•componentDid Mount:첫 번 째 렌 더 링 후 호출 되 며 클 라 이언 트 에 만 있 습 니 다.이후 구성 요 소 는 해당 하 는 DOM 구 조 를 생 성하 여 this.getDOMNode()를 통 해 접근 할 수 있 습 니 다.다른 자 바스 크 립 트 프레임 워 크 와 함께 사용 하고 싶다 면 이 방법 에서 setTimeout,setInterval 을 호출 하거나 AJAX 요청 등 을 보 낼 수 있 습 니 다.
•componentWillReceiveProps 는 구성 요소 가 새로운 prop 을 받 았 을 때 호출 됩 니 다.이 방법 은 render 를 초기 화 할 때 호출 되 지 않 습 니 다.
•shouldComponent Update 는 불 값 을 되 돌려 줍 니 다.구성 요소 가 새로운 props 나 state 를 받 을 때 호출 됩 니 다.초기 화 할 때 나 forceUpdate 를 사용 할 때 호출 되 지 않 습 니 다.
구성 요 소 를 업데이트 할 필요 가 없다 는 것 을 확인 할 때 사용 할 수 있 습 니 다.
•componentWillUpdate 는 구성 요소 가 새로운 props 나 state 를 받 았 지만 render 가 없 을 때 호출 됩 니 다.초기 화 할 때 호출 되 지 않 습 니 다.
•componentDidUpdate 는 구성 요소 가 업 데 이 트 된 후 즉시 호출 합 니 다.초기 화 할 때 호출 되 지 않 습 니 다.
•componentWillUnmount 는 구성 요소 가 DOM 에서 제거 되 었 을 때 바로 호출 됩 니 다.
(DVA)구성 요 소 를 정의 하 는 방법 은 보통 세 가지 가 있 습 니 다.

// 1.     
const App = React.createClass({});

// 2. es6    
class App extends React.Component({});

// 3. stateless    （       ）
const App = (props) => ({});

그 중 첫 번 째 는 우리(DVA)가 추천 하지 않 는 쓰기 입 니 다.두 번 째 는 당신 의 구성 요소 가 react 의 생명주기 방법 과 관련 될 때 이런 쓰기 입 니 다.세 번 째 는 우리 가 일반적으로 추천 하 는 쓰기 입 니 다.
이상 의 이 상투적인 이야기 js-react 구성 요소 의 생명 주 기 는 바로 소 편 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 여러분 들 이 저 희 를 많이 지지 해 주시 기 바 랍 니 다.