참조 : https://wooogy-egg.tistory.com/49 리액트 - history.push() 이후 refresh 안되는 문제 https://binaryjourney.tistory.com/15?category=916264 문제 현재 윗글 블로거 님의 글을 보면서 내가 개발하려는 서비스에 맞춰서 진행을 하고 있었다. (현재 개발하고 있는 서비스는 게시판 서비스와 동일하 wooogy-egg.tistory.com const customHistory = createBrowserHistory(); // thunk 미들웨어에서 history 객체 사용하기 위해서 const store = createStore(reducers, applyMiddleware(ReduxThunk.withExtraArgumen..
출처 : https://yoonho-devlog.tistory.com/163 Error: Reducer "A" returned undefined during initialization Error: Reducer "A" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If.. yoonho-devlog.tistory.com
create-react-app 을 이용하지않고 웹팩 설정하여 실행시키니 에러 발생 webpack 5가 되면서 버전이 맞지않아 발생한 문제"webpack": "^5.6.0","webpack-cli": "^3.3.12","webpack-dev-server": "^3.11.0" 위 버전을 입력하여 설치 시 정상 동작 출처 : https://leejjang.medium.com/error-cannot-find-module-webpack-cli-bin-config-yargs-d1252b294c7b
componentDidUpdate에 setTimeout 코드를 추가 했는데setTimeout이 디버깅모드 에서만 정상 동작하고기본일떄는 동작되지않음 구글링 해보니 https://stackoverflow.com/questions/14401779/why-does-this-javascript-timer-code-work-in-chrome-debugger-but-not-when-run-nor 비슷한 경우가 있음필자는 화살표함수를 사용 하였는데 여긴 그냥 function을 사용하길래test(){setTimeout( () => {this.setState({test: 1})}, 400)}componentDidUpdate(prevProps, prevState){let { test } = this.props; if(pr..
props로 넘겨주는 데이터와 받는 데이터의 타입이 다를때 발생1234567891011121314151617181920212223242526272829import React, { useState } from "react";import DataList from "./dataList"; interface todoList { data: string;} const TodoList = () => { const [data, setData] = useState({ data: "", }); const onClick = () => { setData({ data: "test", }); }; return ( 등록 );}; export default TodoList;cs위 코드에서 DataList 컴포넌트에 props로 da..
render에서 state의 이름과 class이름이 같아서 class를 제대로 로드하지못해서 발생한 문제 Ex) this.state.test 와 import test from './test'; 이렇게 이름이 같아서 제대로 로드되지않아서 발생수정후 정상 동작