Redux

reduc 쓰는 이유?

• 컴포넌트간 state 공유가 편해짐
  
  
  

redux 설치하기

npm install @reduxjs/toolkit react-redux

store.js 생성 : state를 보관하는 보관함

import { configureStore } from '@reduxjs/toolkit'

export default configureStore({
  reducer: { }
}) 

index.js

<Provider store = {store}> 

redux 사용하기

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

let cart = createSlice({
  name: 'state명',
  initialState: '값'
})

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

//사용할 파일에 가서
import {useSelector} from 'react-redux';


let a = useSelector((state)=> {return state})
//모든 state를 가져옴. 

console.log(a.user)

let a = useSelector((state)=> {return state.user})
라고 하면 user state만 받아올 수도 있음.
let a = useSelector((state)=> state.user)
이렇게 생략도 가능!

공유가 필요없는 state까지 redux에 넣을 필요는 없음!