ESLint 정의 전 미사용

ESLint 정의 전 미사용

이 ESLint 규칙을 얻는 방법(no-use-before-define)와 같은 경우에는 경고하지 않는다.

class App extends React.Component {
    render() { return <div>{messages.helloWorld}</div> }
}

const messages = { helloWorld: 'Hello world!' }

이것은 간단한 예이지만, 저는 정말 이 모든 것을messages(규칙에 따라) 각 컴포넌트 파일의 맨 아래에 정의되어 있습니다.

당신이 관심을 가질 것 같군요.variables옵션을 지정합니다.이 옵션에 대해서는, 여기를 참조해 주세요.

이 플래그는 규칙이 상위 범위의 변수 선언을 검사할지 여부를 결정합니다.이것이 참일 경우 규칙은 변수 선언 전에 변수에 대한 모든 참조를 경고합니다.그렇지 않으면 선언이 상위 범위에 있는 경우 규칙은 참조를 무시하고 선언과 동일한 범위에 있는 경우 참조를 보고합니다.

설정할 수 있습니다..eslintrc이렇게...

{
  "no-use-before-define": ["error", { "variables": false }]
}

이렇게 하면 클래스나 함수, 변수 등 동일한 범위의 다른 항목에 대해서는 규칙이 활성화되지만 상위 범위에 있는 변수에는 규칙이 완화됩니다.

함수 및 클래스 선언에 대해 규칙을 사용할 수 없습니다.

"rules": {    
  "no-use-before-define": ["error", {"functions": false, "classes": false}]
}

그 전에renderline, 다음을 수행합니다.

// eslint-disable-next-line no-use-before-define

eslint 문서를 참조하십시오.

언급URL : https://stackoverflow.com/questions/42981070/eslint-no-use-before-define