2017-10-21 3 views
1

네비게이션의 introduction page 다음 destructuring 할당의 사용을 제안 반작용 탐색 '탐색'소품 검증에없는 반작용 : 나는이 구현 될 경우

const { navigate } = this.props.navigation; 

그러나, 내 응용 프로그램에서 탐색 반응을 ESLint는 설명이 라인에 대해 불평 이 두 오류 :

'탐색'소품 검증에없는 는

'navigation.navigation이'에 없습니다 (/ 소품 - 유형의 반응) 소품 유효성 검사 (반응/소품 유형)

앱이 의도 한대로 작동하는 것처럼 보이지만 이러한 오류 라인을 제거하는 방법은 무엇입니까?

답변

1

하나의 옵션은 propTypes 소품을 구성 요소에 추가하는 것입니다.

LoginScreen.propTypes = { 
    navigation: PropTypes.object.isRequired, 
}; 

또 다른 옵션은 해당 페이지와 규칙 eslint을 사용하지 않도록하는 것입니다. 더 많은 정보 here

규칙 옵션

이 규칙은 유효성 검사 중 일부 특정 소품을 무시하는 하나 개의 인수를 취할 수 있습니다.

... 
"react/prop-types": [<enabled>, { ignore: <ignore>, customValidators: <customValidator> }] 
... 
+0

최신 버전은 이제 객체 유형에 대해 불평

export default class LoginScreen extends Component { static propTypes = { navigation: PropTypes.shape({ navigate: PropTypes.func.isRequired, }).isRequired, } } 
: 'Eslint 형식 '객체'소유는 금지되어 있습니다 반응 형/금지 형 – mcabe

1

솔루션 오늘 (오브젝트하여 PropType이 더 이상 기본적으로 허용되지 않기 때문에) :