React가 처음인 경우에도 이전처럼 jquery를 사용하여 이벤트를 처리합니다.
index.js를 사용하여 일부 구성 요소 a.js b.js를 구성한다고 가정해 보겠습니다.
특정 구성 요소에 이미지를 로드하려면 ajax를 구현해야 합니다
어디 이 이벤트를 모직물로 올려야 하나요? 구성요소가 마운트되었나요?
모든 이벤트를 구성요소 자체에 마운트해야 합니까?
컴포넌트 수명주기 기능은 다양한 이벤트를 탑재할 수 있도록 설계되어 있나요?
index.js에 렌더링 외에는 어떤 이벤트도 작성하지 않나요?
大家讲道理2017-05-19 10:36:33
이름에서 알 수 있듯이 라이프 사이클을 통해 구성 요소의 다양한 단계에서 작업을 수행할 수 있습니다. Ajax 호출도 그 중 하나이지만 유일한 것은 아닙니다.
Redux를 도입하지 않는다는 전제 하에 자식 컴포넌트에서는 ajax를 호출하지 말고, 최대한 최상위 부모 컴포넌트에 배치하도록 하세요.
render는 렌더링 기능이고, 이벤트 처리 기능은 jsx에 탑재되어 있습니다.
구성 요소가 렌더링될 때까지 기다린 다음 기본 JS를 사용하여 구성 요소에 이벤트를 추가할 수도 있습니다.
为情所困2017-05-19 10:36:33
단지 구성 요소의 내부 상호 작용 이벤트인 경우 ajax 로딩 이벤트를 componentDidMount 구성 요소 렌더링 완료에 기록할 수 있습니다.
迷茫2017-05-19 10:36:33
Render in React는 자체 판단에 따라 다시 렌더링됩니다. 상태의 값이 변경되는 한 업데이트해야 할 위치를 다시 판단합니다.
상호작용을 위해 onClick 이벤트를 정상적으로 작성할 수 있습니다. 이 포인팅 문제에 주의하고 화살표 함수로 작성하는 것이 좋습니다.
또한 일부 함수는 반복 바인딩을 피하고 싶다면 구성 요소의 생성자에서 균일하게 바인딩할 수 있습니다.
阿神2017-05-19 10:36:33
컴포넌트에서 이미지의 Ajax 로딩을 구현해야 합니다.
이 이벤트를 어디에 마운트해야 합니까? 구성요소가 마운트되었나요?
답변: 이벤트를 통해 이미지를 로드하는 경우 이벤트를 구성 요소에 직접 바인딩하고 요청을 보낸 다음 상태를 사용하여 구성 요소가 표시되는지 여부를 제어합니다. 초기화한 다음, 요청을 componentDidMount에 직접 보내면 됩니다.
컴포넌트 수명주기 기능은 다양한 이벤트를 탑재할 수 있도록 설계되어 있나요?
답변: 구성 요소 수명 주기의 여러 단계에서 서로 다른 메서드가 트리거될 수 있습니다. 요청을 보내거나 상태를 변경하는 것일 수도 있지만 꼭 그런 것은 아닙니다~
index.js에 렌더링을 제외한 이벤트를 작성하지 않나요?
정답: index가 엔트리 파일이에요~