TypeError:Cannotreadpropertiesofundefine(reading'push'). 초보자로서 전문가의 도움에 진심으로 감사드립니다. AddContacts.jsimportReact,{Component}from"r"> React Router v6에서 프로그래밍 방식으로 경로를 리디렉션할 때 발생하는 문제-PHP 중국어 네트워크 Q&A

기사 주제 학습 다운로드 Q&A 프로그래밍 사전 게임 최근 업데이트

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

React Router v6에서 프로그래밍 방식으로 경로를 리디렉션할 때 발생하는 문제

P粉693126115 2023-10-30 19:35:07

551

버튼 제출과 같은 일부 사용자 작업에 대해 탐색을 수행하고 싶습니다. 사용자가 "연락처 추가" 버튼을 클릭한다고 가정하면, 반응 라우터가 홈페이지 "/"로 리디렉션되기를 원합니다. 현재 저는 이 문제에 직면해 있습니다. --> TypeError: Cannot readproperties of undetermined('push' 읽기). 초보자로서 전문가의 도움에 진심으로 감사드립니다.

AddContacts.js

으아아아

App.js 파일입니다

으아아아

P粉693126115

모든 응답 (2)

P粉9051445142023-10-31 19:13:17 2층

React Router v6

에서 리디렉션하는 방법 으아악

좋다+0

답글 추가

P粉3842444732023-10-31 13:19:10 1층

질문

존재하지 않는navigate속성에서 탐색하려고 했기 때문에 정의되지 않았습니다.

으아악

useNavigate후크는 함수 구성 요소와만 호환되므로 클래스 구성 요소와 함께useNavigate挂钩仅与函数组件兼容，因此如果您想要/需要将navigate与类组件一起使用，则必须转换AddContacts code> 到函数组件，或者滚动您自己的自定义withRouter高阶组件来注入“路由道具”，例如来自react-router-dom 的withRouterHOC를 사용하거나 사용해야 하는 경우AddContacts를 함수 구성 요소로 변환해야 합니다. 사용자 정의

상위 구성 요소를 굴려서 react-router-dom의HOCv5.x와 같은 "라우팅 소품"을 삽입합니다.

솔루션withRouter

클래스 구성요소를 함수 구성요소로 변환하는 방법은 다루지 않겠습니다. 다음은 사용자 정의

HOC의 예입니다.AddContacts으아악

그리고 새로운 HOC 장식

구성 요소를 사용하세요.navigate属性（以及您设置的任何其他属性）传递给装饰组件，并且this.navigate으아악

이제

속성(및 설정한 다른 속성)이 데코레이팅된 구성 요소로 전달되고this.navigate가 정의됩니다.history对象。navigate是一个函数而不是一个对象。要使用您调用函数并传递 1 或 2 个参数，第一个是目标路径，第二个是带有replace和/或state

또한 탐색 API가 v5에서 v6으로 변경되었으며 더 이상 직접 history개체를 사용하지 않습니다.

는 객체가 아닌 함수입니다. 함수를 호출하고 1개 또는 2개의 인수를 전달하려면 첫 번째는 대상 경로이고 두 번째는 선택적 "옵션" 개체/값입니다.

이제 탐색은 다음과 같습니다. 으아악

좋다+0