2016-05-17 6 views
1

構文の質問...私はより新しいReact constレンダリングメソッドでどこにプロタイプを設定するかを考えようとしています。propTypeのReact constレンダリングメソッド構文?

このconstでは、どこにpropTypes:{...}ブロックを配置しますか?

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

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

export default PlaylistAlbumInfoOverlay; 

答えて

5

これらは入力の純関数変換であり、ゼロは という定型文です。

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; 
:しかし、あなたはまだあなたがこれを行うことができるはず

...機能上の特性として、それらを設定することにより、.propTypesと .defaultPropsを指定することもできます

0

documentationは言う:あなたはclass ES7クラスプロパティの構文(stage 1 proposal)を使用していない、あなたは矢印関数の性質として、それらを添付することができますにpropTypesを添付する方法と同様に

const PlaylistAlbumInfoOverlay =() => (

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

export default PlaylistAlbumInfoOverlay; 
関連する問題