[javascript] 제한된 글로벌 없음

웹 애플리케이션을 개발하기 위해 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


답변

아마도 소품으로 구성 요소에 위치를 전달할 수 있습니다. 아래에서 … otherProps를 사용합니다. 이것은 스프레드 연산자이며 유효하지만 불필요합니다. 소품을 명시 적으로 전달하면 데모 목적으로 자리 표시 자만 있습니다. 또한 ({location})의 출처를 이해하기 위해 파괴 연구.

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

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


export withRouter(MyComponent);


답변

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

또 다른 대안입니다


답변