인프런 커뮤니티 질문&답변
작성한 질문수
logIn을 잘 불러왔는데 'logIn is not a function' 이라는 에러가 나타납니당..!
작성
·
424
0
안녕하세요! 제로초님 리덕스 영상 잘 보고 있습니다! +_+
const { createStore } = require("redux");
const reducer = require("./reducers");
const { addPost } = require("./actions/post");
const { logIn, logOut } = require("./actions/user");
const initialState = {
user: {
isLoggingIn: true,
data: null,
},
posts: [],
};
const store = createStore(reducer, initialState);
store.subscribe(() => {
console.log("changed");
});
console.log("1st", store.getState());
//절취선을 기준으로 위에부분은 미리 만들어놔야 되는 부분이고
//----------------------------------------------
// 밑에 부분은 리액트에서 실행하는 것이다.
// 디스패치(액션 발생시켜준다) 스토어 공간
//로그인 했을 때 사용자 데이터 넣어주기
store.dispatch(
logIn({
id: 1,
name: "hyunju",
admin: true,
})
);
console.log("2nd", store.getState());
store.dispatch(
addPost({
userId: 1,
id: 1,
content: "안녕하세요 리덕스",
})
);
console.log("3nd", store.getState());
store.dispatch(
addPost({
userId: 1,
id: 1,
content: "두번재 게시글입니다. 리덕스",
})
);
console.log("4nd", store.getState());
store.dispatch(logOut());
console.log("5nd", store.getState());
다름이 아니라 'index2.js' 이 파일에서 이렇게 코드를 작성했는데
이러한 오류사항이 발생합니다 ㅠㅠ 분명 logIn을 불러왔는데 왜 이러는지 알 수 있을까용 ??
const { logIn, logOut } = require("./actions/user");
퀴즈
46%나 틀려요. 한번 도전해보세요!
리덕스 액션과 리듀서 코드를 여러 파일이나 폴더로 분리하여 관리하는 주된 이유는 무엇일까요?
애플리케이션의 초기 로딩 속도를 빠르게 하기 위해
리덕스 스토어의 메모리 사용량을 줄이기 위해
코드 가독성을 높이고 유지보수를 쉽게 하며 확장성을 확보하기 위해
리듀서가 액션을 더 빠르게 처리하게 하기 위해
