React - Redux store에 state 보관/사용 법

Redux store에 state 보관하는 법

store.js

import { configureStore, createSlice } from '@reduxjs/tooklit'

let user = createSlice({
	name : 'user',
    initialState : 'hwarang'
})

export default configureStore({
	reducer: {
    	user : user.reducer
    }
})

1. createSlice() 상단에 import해오고
   { name : 'state이름', initialState : 'state값' } 을 createSlice()에 넣으면 state 하나가 생성된다. (createSlice()가 useState()와 비슷하다고 생각)

2. 이후 configureStore()에다가 export하면 된다
   { 작명 : createSlice로 만든거(위 코드에서 user).reducer }

Redux store에 있던 state 가져다쓰는 법

사용하려는 js파일에서 (나는 장바구니를 만드는 Cart.js 에서 사용중)

import { useSelector } from 'react-redux'

function Cart(){
	let state = useSelector((state) => { return state })
    
    return (생략)
}

이제 저 state변수를 콘솔창에 출력해보면 { user : 'im' } 이라고 뜰것임

출처 : https://codingapple.com/