Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 클린코드다시읽기
- 쏙쏙 들어오는 함수형 코딩
- 오종택개발자님
- 이웅모
- 갈길이 멀구나
- 리엑트를 다루는 기술
- 에릭 노먼드
- 쏙속 들어오는 함수형코딩
- 쏙쏙들어오는함수형코딩
- 쏙쏙 들어오는 함수형코딩
- 함수형 코딩
- https://product.kyobobook.co.kr/detail/S000001952246
- 출처 : 자바스크립트 딥다이브
- 에릭노이먼
- 출처 : 코딩앙마
- 출처 : 한입크기로 잘라먹는 타입스크립트
- 흥달쌤
- 출처 : https://www.boostcourse.org/
- 생코님Redux
- 자바스크립트 딥다이브
- 에릭 노이먼
- 나는 flux좋아...
- 큰돌의 CS책
- 출처는 코딩앙마
- 로버트 C마틴
- 김영한쌤
- 고등애플
- 출처 : 코딩애플
- 유틸리티타입은 공식문서 자주 보자
- 출처는 코딩애플
Archives
- Today
- Total
흰둥씨의 개발장
[React] useHistory나 history는 없어져서 useNavigate써야함 본문
// 1. import { withRouter } from 'react-router-dom'; history 기능은 없어짐
// 2. import { useHistory } from 'react-router-dom'; useHistory라는 훅도 없어짐
import { useNavigate } from 'react-router-dom'; //history대신 useNavigate써야함
(...중략...)
const RegisterForm = () => {
const dispatch = useDispatch();
const navigate = useNavigate();
const { form, auth, authError, user } = useSelector(({ auth, user }) => ({
form: auth.register,
auth: auth.auth,
authError: auth.authError,
user: user.user,
}));
(...중략...)
//user값이 잘 설정 되었는지 확인
useEffect(() => {
if (user) {
// 1. history.push('/') 없어짐 2. useHistory도 없어짐
navigate('/'); //이거 써야 함
}
}, [navigate, user]);
return (
<AuthForm
type="register"
form={form}
onChange={onChange}
onSubmit={onSubmit}
/>
);
};
export default RegisterForm;
'끙끙거린 흔적' 카테고리의 다른 글
[IDE-vscode] 협업을 위한 툴 eslint와 prettier 함께 사용하기 (0) | 2023.08.24 |
---|---|
[React] 동적라우팅 (매개변수 받아서 라우팅하기), 중첩 라우팅 (0) | 2023.06.10 |
[React] immer 불러오기 할 때 => import { produce } from '../../node_modules/immer/dist/immer'; (0) | 2023.06.07 |
[React] styled-components쓸때 prop보낼때 (0) | 2023.06.06 |
[React] styled-components 설치 오류 (설치 안될때) (0) | 2023.06.06 |