2016-11-21 8 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')