본문 바로가기
728x90

리액트67

[리액트] Redux 사용 ( 파일 분할 / addCount / findIndex ) 파일분할let user = createSlice({ name: "user", initialState: { name: "kim", age: 20 }, reducers: { changeName(state) { state.name = "park"; }, increase(state, action) { state.age += action.payload; }, },});store.js 에 있는해당코드가 넘 길어서 따로 파일로 빼고싶을 때1. 따로 store 폴더 만든 다음 userSlice.js 파일 생성하고 import와 exportimport { createSlice } from "@reduxjs/toolkit";let user = createSlice({ nam.. 2024. 6. 10.
localStorage로 만드는 최근 본 상품 기능 1 보호되어 있는 글 입니다. 2024. 6. 8.
리액트에서 자주쓰는 if문 작성패턴 5개 보호되어 있는 글 입니다. 2024. 6. 8.
Redux 5 : 장바구니 기능 만들기 숙제 & 응용문제 보호되어 있는 글 입니다. 2024. 6. 8.
Redux 4 : state가 object/array일 경우 변경하는 법 보호되어 있는 글 입니다. 2024. 6. 7.
[리액트] Redux 사용 (배열 state 데이터 바인딩, 변경 / increase() / 다수 state) object인 state의 데이터 바인딩object 자료 만들어주기let user = createSlice({ name: "user", initialState: "kim", reducers: { changeName(state) { return "john " + state; }, },});여기서 "kim" 을 object 자료로 변경, age도 추가let user = createSlice({ name: "user", initialState: { name: "kim", age: 20 }, reducers: { changeName(state) { return "john " + state; }, },});object 자료 데이터 바인딩{state.user}의.. 2024. 6. 7.
728x90