* Redux store에 state 보관하는 법
- configureStore, createSlice를 import한다.
- createSlice()를 이용해 state를 만든다.
- { name : 'state이름', initialState : 'state값' }
- configureStore()안에 등록
- reducer : { 작명: createSlice에서 만든 name.reducer }
import { configureStore, createSlice } from '@reduxjs/toolkit'
let user = createSlice({
name : 'user',
initialState : 'kim'
})
export default configureStore({
reducer: {
user : user.reducer
}
})
* Redux store에 있던 state 가져다쓰는 법
- useSelector((state) => { return state } )를 쓰면 store에 있던 모든 state가 호출된다.
- 변수에 저장하여서 사용하면 된다.
// Cart.js
import { useSelector } from "react-redux"
function Cart(){
let item = useSelector((state) => { return state } )
console.log(item)
return (생략)
}
'Study > React' 카테고리의 다른 글
[React_study] Redux state가 object/array일 경우 변경 방법 (0) | 2022.06.15 |
---|---|
[React_study] Redux store의 state 변경 (0) | 2022.06.12 |
[React_study] Redux & Redux Toolkit 셋팅 및 사용 (0) | 2022.06.12 |
[React_study] Context API (0) | 2022.06.12 |
[React_study] 컴포넌트 전환 애니메이션 지정 (transition & automatic batch) (0) | 2022.06.10 |