2017-12-18 23 views
0

이미지는 store.select 호출 (크롬 디버거에서)의 데이터를 표시합니다. ! [1] : https://i.stack.imgur.com/w049q.pngNgrx Store에서 데이터를 확인하는 방법

store.select (data) 호출의 데이터를 확인하고 싶습니다. 그러나 나는 아무 것도 보지 않는다. 크롬 디버거에서 저장소의 데이터를 가져 오는 방법은 무엇입니까?

+1

왜 redux DevTools를 사용하지 않습니까? 이를 통해 언제든지 상점의 상태를 모니터링 할 수 있으며 과거의 이벤트 저장소 스 냄샷 –

+0

과 동일합니다. Redux Devtools는 정확히 사용해야합니다. – notANerdDev

답변

0

저장소에서 데이터를 가져 오는 것이 비동기입니다. 데이터를 얻으려면 키 이름을 알고 있어야합니다. 그리고이 스토어의 키가 변경 될 때마다 - 등록 된 콜백 함수가 실행되어 저장된 값을 어떤 변수에 할당 할 수 있습니다.

그리고 그 이후에만 할당 된 값으로 해당 변수를 표시 할 수 있습니다. 예를 들어 :

let stream$ = Store.select((store) => store.superKey) 
let localValue; 
stream.subscribe((value) => localValue = value); // will be called each time store.superKey is reassigned with new value 


document.querySelector('button').addEventListener('click', (event) => { 
//here you can show localValue somewhere. 
}) 

매우 추상적하지만 내가 생각이있어 바랍니다.