反应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;