리덕스 공부 중인데 어디가 문제인걸까요 :(

Question

안녕하세요, 현재 리덕스를 공부 중이고 reducer가 2개이상인 경우를 작성해보고있습니다.// components > Profile.js import React from 'react' import { useDispatch } from 'react-redux'; import { useSelector } from 'react-redux' import height from '../reducers/height' import weight from '../reducers/weight' export default function Profile() { //const Counter = ({weight, height}); const weight = useSelector((state)=>state.weight); const height = useSelector((state)=>state.height); const dispatch = useDispatch(); return (

체중과 신장 플러스 마이너스 하기

무게 : {weight}

키 : {height}

) } // action > index.js (액션타입 파일도 액션폴더내에 생성하였습니다) / 액션들이 특정 카운터를 조작하도록 설정하는 곳 // 미리 수정하려는 액션들을 적어주는 것 import * as types from './ActionTypes'; export const plus = (weight) => ({ type: types.PLUS, weight }); export const MINUS = (weight) => ({ type: types.MINUS, weight }); export const PLUSH = (height) => ({ type: types.PLUSH, height }); export const MINUSH= (height) => ({ type: types.MINUSH, height });// Reducer > index.js (한곳에 모았어요) import weight from "./weight"; import height from "./height"; import { combineReducers } from "redux"; const reducers = combineReducers({ weight}, {height }); export default reducers; // height 리듀서 (weight도 코드흐름은 아래와 같습니다) import * as types from '../actions/ActionTypes'; const initialState={ height : 155 }; const height = (state=initialState, action)=>{ switch(action.type){ case types.PLUSH : return{ height: state.height +1 }; case types.MINUSH : return{ height:state.height -1 }; default: return state; } } export default height;이렇게 하면 키, 몸무게에 대한 버튼이 각각이 떠서 -+ 를 하려 했는데 오류가 뜨네요 ㅠㅠ컴포넌트에서 useSelector과 action, dispatch를 이용하는 것을 잘못한걸까요!?object keys를 어떻게 해야하는건지 잘모르겠습니다 ㅠㅠ 도와주실 분 계실까요!ㅠㅠ

hellooo · Answer

useSelect로 불러오는 weight랑 height 콘솔로 찍어 보세요

하얀뼈 · Answer

const reducers = combineReducers({ weight}, {height });객체 안에 {weight, height}가 들어있어야 하는데그냥 객체 두개가 들어가있네요

리덕스 공부 중인데 어디가 문제인걸까요 :(

2개의 답변

#redux 목록