codestates / codestates/aneun-dongne
[Error Handling Log] 리액트 App.js에서 history.push 안됨 / 윤해용
- Dominant language
- JavaScript
- Stars
- 6
- Forks
- 7
- PR merge metrics
- No merged PRs in 30d
Description
> ### 어떤 에러인가요?
> 리액트에 App.js 에서 history.push를 쓰려고 하니 오류가 났다.
> ### 에러 메시지

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

> ### 에러 핸들링 방법
> * ```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.