제한 글로벌 없음

제한 글로벌 없음

React와 Redux를 사용하여 웹 앱을 개발하고 있는데, 프로젝트를 시작했을 때 다음과 같은 결과가 나왔습니다.

Line 13:  Unexpected use of 'location'  no-restricted-globals

Search for the keywords to learn more about each error.

해결 방법에 대해 많이 검색하지만 찾은 답변이 하나도 도움이 되지 않아 Stack overflow로 전환했습니다.

이 오류를 해결하는 방법을 아는 사람이 있나요?제가 받을 수 있는 모든 도움에 감사드립니다.

추가해 보다window전에location(즉,window.location).

이것은 간단하며 최선의 해결책은 아닐 수 있지만 효과가 있습니다.

에러가 표시되는 행 위에 있는 행에, 다음과 같이 붙여 넣습니다.

// eslint-disable-next-line no-restricted-globals

사용하다react-router-dom도서관.

거기서 ImportuseLocation기능 컴포넌트를 사용하는 경우 후크:

import { useLocation } from 'react-router-dom';

그런 다음 변수에 추가합니다.

Const location = useLocation();

그 후, 통상은 다음과 같이 사용할 수 있습니다.

location.pathname

추신: 반환된 것location오브젝트에는 5개의 속성만 있습니다.

{ hash: "", key: "", pathname: "/" search: "", state: undefined__, }

소품으로 컴포넌트에 위치를 전달할 수 있습니다.아래는... 다른 프로페즈를 사용합니다.이것은 스프레드 오퍼레이터로 유효하지만, 소품을 명시적으로 전달한 경우에는 시연용 플레이스 홀더로 사용할 수 있습니다.또한 ({ location })의 출처를 파악하기 위한 연구 파괴.

import React from 'react';
import withRouter from 'react-router-dom';

const MyComponent = ({ location, ...otherProps }) => (whatever you want to render)


export withRouter(MyComponent);

안녕하세요, 파일 맨 위에 다음 행을 복사해 주세요.

/* eslint-disable no-restricted-globals */

그러면 특정 파일에서 eslint 규칙을 글로벌하게 비활성화할 수 있습니다.

다음과 같이 로카톤을 파괴합니다.({location}).

/* eslint no-restricted-globals:0 */

또 다른 대안 접근법입니다.

언급URL : https://stackoverflow.com/questions/44991656/no-restricted-globals