리덕스 스토어 멀티플 데이터세트 질문

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글
2022년 1월 10일 17:38 #24255

H
참가자

안녕하세요 무궁한 번창 하시길 기원합니다.

리덕스 store 는, 한 앱에 한개만 쓰라고 강력권장이 된다고 알고있는데요.

추후 앱이 외부 SERVER/DB 로 리퀘스트를 날릴때 리턴받아오는 데이터세트가 여러개 +형태 일 것 같다는 생각이 강력하게 듭니다. ( 예: data.js, data2.js, data3.js ~~~등등등)

리덕스 스토어를 1개로 제한하는 상황에서 여러 데이터셋을 가져오면서 데이터관리가 어떻게 가능할지 궁금합니다.

<html>

<body>

let [data1, setData1] = useState(data1);
let [data2, setData2] = useState(data2);
let [data3, setData3] = useState(data3);

let a = data1
let b = data2
let c = data3

let allData = a.merge(b.merge(c))

let store = createStore( ()=>{
return [
allData
]
});

</body>

</html>
이런식으로 밖에 안떠오릅니다 ㅠ

명쾌한 팁 부탁드립니다~!

2022년 1월 10일 19:09 #24270

H
참가자

위에 수정이 안되서 다시 적었습니다.

let [data1, setData1] = useState(data1);
let [data2, setData2] = useState(data2);
let [data3, setData3] = useState(data3);

let a = data1
let b = data2
let c = data3

let allData = a.merge(b.merge(c))

let store = createStore(()=>{
 return [
 allData
 ]
});

<button onClick={()=>{ dispatch({type: '하하하'}) }}

function reducer(state = state, action) {

 if (action.type === '하하하') {

 return setData1(data1.username = "가렌")
 } else if (action.type === '호호호') {
 return setData2(data3.follower + '가렌')
 } else {
 return state
 }
}

2022년 1월 10일 21:25 #24286

codingapple
키 마스터

스토어가 하나고 그 안의 리듀서와 초기값은 원하는만큼 많이 만들어도 됩니다

let 초기값 = [ '', '', '' ]

초기값은 대충 이렇게 만들어두고

data1, 2, 3을 각각 가져오는 리듀서안의 action.type도 만들어줍니다

그리고 3개 다 불러서 가져오면 됩니다 근데 굳이 action.type을 3개 만들 필요는 없겠군요

2022년 1월 10일 23:30 #24311

H
참가자

감사합니다!!
글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

리덕스 스토어 멀티플 데이터세트 질문

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png