2016-11-21 2 views
1

I가 다음과 같은 순수 렌더링 구성 요소 :PropTypes eslint 오류 렌더링 기능

import React, { PropTypes } from 'react'; 
import Dropzone from 'react-dropzone'; 

export const renderDropzone = ({ name, input: { onChange } }) => { 
    return (
    <div> 
     <Dropzone 
      name={name} 
      onDrop={filesToUpload => onChange(filesToUpload)} 
     /> 
     <button type="button" className="button">Upload</button> 
    </div> 
); 
}; 

renderDropzone.PropTypes = { 
    name: PropTypes.string.isRequired, 
    input: PropTypes.object.isRequired 
}; 

하지만 eslint에서 다음과 같은 오류가 무엇입니까 :

4:34 error 'name' is missing in props validation react/prop-types 
    4:40 error 'input' is missing in props validation react/prop-types 
+0

상태 비 저장 구성 요소의 정적 속성을 하위 데시 케이션 "p"와 함께 'propType'이라고합니다. –

답변

3

그냥 오타 :

renderDropzone.PropTypes = { 
    name: PropTypes.string.isRequired 
}; 

은 다음과 같아야합니다.

renderDropzone.propTypes = { 
    name: PropTypes.string.isRequired 
}; 

(클래스 속성의 소문자 'p')