>source

react-boilerplate를 사용하여 반응 앱에서 reduxjs/toolkit을 사용하는 동안 오류가 발생했습니다. 내 code를 여러 번 검토했지만 여전히 문제를 찾을 수 없습니다.

redux 개발자 도구에 스토어 데이터가 표시됩니다.

이 오류는 useDispatch 및 useSelector 후크를 선언할 때만 발생합니다.

오류선

const code= useSelector(state=> state.trackCode.code);
  const dispatch= useDispatch();

오류

Uncaught TypeError: Object(...) is not a function

슬라이스

import { createSlice } from "@reduxjs/toolkit";
const initialState= {
  code: ""
};
export const trackCodeSlice= createSlice({
  name: "trackCode",
  //state
  initialState,
  reducers: {
    setCode: (state, action)=> {
      state.code= action.payload;
    }
  }
});
export const { setCode }= trackCodeSlice.actions;
export default trackCodeSlice.reducer;

상점

import { configureStore } from "@reduxjs/toolkit";
import { trackCodeReducer } from "../features";
export const store= configureStore({
  reducer: {
    trackCode: trackCodeReducer
  }
});

"오류 줄"이라고 말했지만 2줄의 code를 포함합니다. 어느 라인에 문제가 있습니까? redux 후크가 사용되고 문제가 있는 더 완전하고 포괄적인 구성 요소 code 예제를 제공할 수 있습니까?

Drew Reese2021-11-28 12:45:08

누군가 여기에서 나를 도울 수 있습니까?

Daniel Nduka2021-11-28 00:23:14
  • 이전 c# : StreamContent의 목적은 정확히 무엇입니까? ReadAsStreamAsync()를 버퍼링하는 데 사용할 수 있습니까?
  • 다음 python: 함수 매개변수 목록에 없는 경우에도 args/kwargs에 액세스 가능