2016-11-21 2 views
1

Ich habe folgende rein machen Komponente:PropTypes eslint Fehler mit rein render Funktion

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 
}; 

Aber ich die folgenden Fehler in eslint bekommen:

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

Eine statische Eigenschaft einer zustandslosen Komponente heißt 'propTypes' mit Lowcase" p ". –

Antwort

3

nur ein Tippfehler:

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

sollte sein:

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

(Kleinbuchstabe 'p' für die Klasseneigenschaft)