Noosphere It

redux를 사용하기 위해서 적용하던중, import React from "react"; import ReactDOM from "react-dom"; import { createStore } from 'redux'; import { Provider } from 'react-redux'; import { composeWithDevTools } from 'redux-devtools-extension'; import RootReducer from './redux/RootReducer'; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import "./css/index.css"; const store = createStore(..

요약 : useEffect에서 클린업 함수를 사용하고자한다면 useRef 함수를 이용해 최신 값을 가지고 있자! useEffect 함수에서 클린업 함수(return시 사용하는 함수) 호출시, 초기값을 가지고 있는 문제가 있었다. 프로젝트를 진행하던 중, setState로 저장하고 있는 변수(A라고 하자)가 웹페이지에서 변경되고 있다가, 컴포넌트가 사라질 때(다른 페이지/컴포넌트로 랜더링될 때) 클린업 함수로 업데이트된 A변수를 DB에 저장하려고 했었다. 그런데 문제는 A변수가 처음값(처음 랜더링되었을 때 값)으로 출력이 된다는 것이다. (아래 예시) const PageContentsList = () => { const [A, setA] = useState([]); const Update = async (..