2016-09-05 5 views
0

앱 수준 상태 변경에 반응 감소 액션을 사용하고 있습니다. 일부 작업이 실행될 때 일부 구성 요소가 렌더링되지 않아야합니다. 렌더링 반응 구성 요소에서 어떤 동작이 트리거되었는지 확인할 수 있습니까?어떤 조치가 실행되었는지 반응 확인했습니다.

+0

당신이 당신의 질문이 무슨 뜻인지 말해 조금 어렵지만, 내가 이해한다면 무엇을 파견하기 전에 ... 행동 작성자의을 console.log()를 요구하고 아래 스크린 샷을 참조하십시오 감속하는 사람에게 내가 개발에서 이것을 할 방법이 될 것입니다. – alexi2

+0

Thx하지만 테스트를 위해 작업을 기록 할 필요가 없으며 관련되지 않은 작업이 트리거 될 때 특정 구성 요소에서 렌더링을 제외하려고합니다. –

+0

@ShaiKimchi React는 소품이 변경되는 구성 요소 만 다시 렌더링합니다. 따라서 관련없는 작업의 경우 조건을 입력 할 필요가 없습니다. 예외적 인 https://facebook.github.io/react/docs/multiple-components.html#child-reconciliation – xRahul

답변

2

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을 통합 할 수 있습니다.

사이트에 모든 작업을 추적하는 사이드 독을 추가합니다.

redux-devtools in action while side docker tracking page's actions

관련 문제