# 背景
現在reactを使ってwebアプリケーションを作成しようとしています.しかしどのようにコンポーネントを設計するかわからなかったのでネットで調べてみるとブログに出会いました.
このブログの筆者はコンポーネントの設計について以下のように言っています.
内部関数で子Componentをrenderしない.
悪い例
javascript
1class Layout extends React.Component { 2 renderHeader() { 3 return <header/> 4 } 5 render() { 6 return <div> 7 {this.renderHeader()} 8 {this.props.children} 9 </div> 10 } 11}
そして責務に則って分割すべき.
良い例
javascript
1function Header() { 2 return <header/> 3} 4 5function Layout({children}) { 6 return <div> 7 <Header/> 8 {children} 9 </div> 10}
ここで疑問なのですかここでいう責務とは何なのでしょうか?
悪い例で挙げられているソースコードはheaderコンポーネントをレンダーする責務と子コンポーネントをレンダーする責務の2つの責務を1つのクラスが担ってしまっているからよくないということなのでしょうか.
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/23 02:08