codestates / codestates/aneun-dongne

[Error Handling Log] 리액트 App.js에서 history.push 안됨 / 윤해용

Open
#71 0 comments 0 reactions 1 assignee Claimed by @haeyong9701 View on GitHub
Error Handling Log
Dominant language
JavaScript
Stars
6
Forks
7
PR merge metrics
No merged PRs in 30d

Description

> ### 어떤 에러인가요?
> 리액트에 App.js 에서 history.push를 쓰려고 하니 오류가 났다.
> ### 에러 메시지
![스크린샷 2021-12-03 오후 4 15 28](https://user-images.githubusercontent.com/72595163/144604461-23ca2fe1-91d2-4fad-86da-ac3c851c459b.png)

위에 에러 메세지를 해결하려면 ```withRouter```를 App 컴포넌트에 감싸줘야 된다고 했다.
하지만 밑의 에러 메세지가 나왔고, 관련 검색어를 찾다보니 ```index.js``` 파일에 있는 App 컴포넌트에 ```BrowserRouter``` 컴포넌트로 감싸줘야 에러가 안나는 것을 확인했다.

![스크린샷 2021-12-03 오후 4 17 27](https://user-images.githubusercontent.com/72595163/144604734-d9e937ea-09b8-417f-85f7-30c462a146d0.png)

> ### 에러 핸들링 방법
> * ```App.js```에서 ``````를 썼었는데, 그 대신 ```index.js```에서 App 컴포넌트를 ``````로 감싸주었다.
```jsx
// index.js

import { BrowserRouter } from "react-router-dom";

ReactDOM.render(






,
document.getElementById("root")
);
```
>
> ### 에러 핸들링을 위해 참고한 레퍼런스 링크
> [링크](https://linuxpip.org/you-should-not-use-or-withrouter-outside-a-in-react-router/)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.