propTypes的React const render方法语法？

Question

语法问题...我试图找出在较新的React const渲染方法中设置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类属性的语法(第1个阶段的建议),你可以将它们作为箭头功能的属性:

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

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

export default PlaylistAlbumInfoOverlay;