0
앱 수준 상태 변경에 반응 감소 액션을 사용하고 있습니다. 일부 작업이 실행될 때 일부 구성 요소가 렌더링되지 않아야합니다. 렌더링 반응 구성 요소에서 어떤 동작이 트리거되었는지 확인할 수 있습니까?어떤 조치가 실행되었는지 반응 확인했습니다.
앱 수준 상태 변경에 반응 감소 액션을 사용하고 있습니다. 일부 작업이 실행될 때 일부 구성 요소가 렌더링되지 않아야합니다. 렌더링 반응 구성 요소에서 어떤 동작이 트리거되었는지 확인할 수 있습니까?어떤 조치가 실행되었는지 반응 확인했습니다.
redux-logger를 사용하여 dev 도구 콘솔에서 트리거 된 모든 작업을 기록하십시오.
/* ...import main reducer from wherever */
import createLogger from 'redux-logger';
import { createStore, applyMiddleware } from 'redux';
const logger = createLogger();
const store = createStore(
reducer,
applyMiddleware(/*..all the other middleares,*/ logger)
);
을 : 당신은 '당신의 가게에과 같이 추가해야 할 것이다, 그래서
https://www.npmjs.com/package/redux-logger
그것은 중간 도자기입니다.
보너스 팁 : redux-devtools을 통합 할 수 있습니다.
사이트에 모든 작업을 추적하는 사이드 독을 추가합니다.
당신이 당신의 질문이 무슨 뜻인지 말해 조금 어렵지만, 내가 이해한다면 무엇을 파견하기 전에 ... 행동 작성자의을 console.log()를 요구하고 아래 스크린 샷을 참조하십시오 감속하는 사람에게 내가 개발에서 이것을 할 방법이 될 것입니다. – alexi2
Thx하지만 테스트를 위해 작업을 기록 할 필요가 없으며 관련되지 않은 작업이 트리거 될 때 특정 구성 요소에서 렌더링을 제외하려고합니다. –
@ShaiKimchi React는 소품이 변경되는 구성 요소 만 다시 렌더링합니다. 따라서 관련없는 작업의 경우 조건을 입력 할 필요가 없습니다. 예외적 인 https://facebook.github.io/react/docs/multiple-components.html#child-reconciliation – xRahul