React Redux state 변경하기

1. 함수 만들기

• changUser라는 함수를 작성을 해야 됩니다.

let user = createSlice({
    name : 'user',
    initialState : 'SIM-TOO',
    reducers : {
        changeUser(state){
          return 'user1004'
        }
    }
  })

 

 

2. 함수 export 하기

export let { changeUser } = user.actions

 

 

3. 함수가 필요한곳에 불러오기

import { useDispatch, useSelector } from "react-redux"
import { changeUser } from "./store.js"
function App() {

  let test = useSelector((state) => { return state } )
  let dispatch = useDispatch()

  return (
    <div>
      <p>{test.title}</p>
      <p>안녕하세요</p>
      <p>여기의 작성자는 : {test.user}</p>
      <button onClick={()=>{
 dispatch(changeUser())
}}>작성자 바뀌는 버튼</button>
    </div>
  );
}

export default App;