Reagieren Sie const render method Syntax für propTypes?

Question

Syntax question ... Ich versuche herauszufinden, wo in der neueren React const render-Methode Propotypen gesetzt werden.

In diesem const, wo würde ich die propTypes: {...} Block?

const PlaylistAlbumInfoOverlay =() => (

    <div className="playlist-album-info-overlay"> 
    <h2>Album Title</h2> 
    <p className="album-kind">Private</p> 
    </div> 
); 

export default PlaylistAlbumInfoOverlay; 

Answer 1

Ähnlich wie Sie befestigen propTypes zu einem class nicht die ES7 Klasse Eigenschaft Syntax (stage 1 proposal), können Sie sie als Eigenschaft des Pfeils Funktion anhängen:

const PlaylistAlbumInfoOverlay =() => (
    <div className="playlist-album-info-overlay"> 
    <h2>Album Title</h2> 
    <p className="album-kind">Private</p> 
    </div> 
); 

PlaylistAlbumInfoOverlay.propTypes = { 
    // ... 
}; 

export default PlaylistAlbumInfoOverlay; 

Answer 2

Die documentation sagt:

Sie sind rein funktionale Transformationen ihrer Eingabe, mit Null vorformulierten. Sie können jedoch nach wie vor .propTypes und .defaultProps angeben, indem sie als Eigenschaften auf der Funktionseinstellung ...

So sollten Sie in der Lage sein, dies zu tun:

const PlaylistAlbumInfoOverlay =() => (

    <div className="playlist-album-info-overlay"> 
    <h2>Album Title</h2> 
    <p className="album-kind">Private</p> 
    </div> 
); 

PlaylistAlbumInfoOverlay.propTypes = { 
    text: React.PropTypes.string //example 
} 

export default PlaylistAlbumInfoOverlay;