反應propTypes的const render方法語法？

Question

語法問題...我想弄清楚在新的React常量渲染方法中設置proptypes的位置。

在這個const中，我會在哪裏放置propTypes：{...}塊？

const PlaylistAlbumInfoOverlay =() => (

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

export default PlaylistAlbumInfoOverlay; 

Answer 1

你如何連接propTypes到class不使用ES7類屬性的語法（stage 1 proposal），你可以將它們作爲箭頭函數的性質相似：

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

的documentation說：

它們是它們輸入的純函數變換，其樣板爲0, 。但是，你仍然可以將其設定爲在功能屬性指定.propTypes和 .defaultProps ...

所以，你應該能夠做到這一點：

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;