반응형

reactjs 24

redux-persist와 redux-toolkit을 설정하는 방법

redux-persist와 redux-toolkit을 설정하는 방법 redux-persist는 다음과 같은 기존 react-redux 설정으로 설정했습니다. onst persistConfig = { key: 'root', storage, whitelist: ['todos'], }; const persistedReducer = persistReducer(persistConfig, reducer); const store = createStore( persistedReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ); const persistor = persistStore(store); // wrapper ..

source 2023.02.22

시도된 가져오기 오류: 'useHistory'가 'react-router-dom'에서 내보내지지 않았습니다.

시도된 가져오기 오류: 'useHistory'가 'react-router-dom'에서 내보내지지 않았습니다. useHistory는 다음 오류를 발생시킵니다. ./src/pages/UserForm/_UserForm.js 가져오기 시도 오류: 'useHistory'가 'react-router-dom'에서 내보내지지 않았습니다.이 오류는 빌드 중에 발생했으며 취소할 수 없습니다. react-module-dom 버전: 4.3.1 코드: import React, { useState, Fragment } from 'react'; import FormUserDetails from './FormUserDetails'; import FormPersonalDetails from './FormPersonalDetails';..

source 2023.02.10

componentWillUnmount 메서드에서 모든 구독 및 비동기 취소 방법

componentWillUnmount 메서드에서 모든 구독 및 비동기 취소 방법 비동기 방식의 문제로 에러 메세지가 표시된다.내 터미널에는 다음이 표시됩니다. Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. - node_modules/fbjs/lib/warning.js:33:20 in printWarning - node_modules/fbj..

source 2023.02.10

React JS - 다른 컴포넌트에서 컴포넌트 메서드 호출

React JS - 다른 컴포넌트에서 컴포넌트 메서드 호출 컴포넌트는 2개입니다.두 번째 컴포넌트에서 첫 번째 컴포넌트의 메서드를 호출하고 싶습니다.어떻게 해야 하죠? 여기 제 코드가 있습니다. 첫 번째 컴포넌트 class Header extends React.Component{ constructor(){ super(); } checkClick(e, notyId){ alert(notyId); } } export default Header; 두 번째 컴포넌트 class PopupOver extends React.Component{ constructor(){ super(); // here i need to call Header class function check click.... // How to call..

source 2023.02.10
반응형