セクションをHTMLで作成するには:1つのルートdivを作成し、<Header/>
と<Footer/>
のようなコンポーネントで埋めるか、いくつかのhtmlセクションを作成し、それぞれに対応するコンポーネントを入力しますか?Reactでセクションを作成するには
0
A
答えて
1
私は私はそうのようなヘッダーとフッターのコンポーネントを保持している単一のルート要素を持っていることが多いクリーナーであることを発見しています:
class RootComponent extends React.Component {
render() {
return (
<Header />
{this.props.children}
<Footer />
);
}
}
これは私がそれらを膨らませることなく、私のコンポーネントをレンダリングすることができますヘッダーとフッターのコンポーネントを使用します。このセットアップを使用しない場合は、新しいページを作成するたびにヘッダーとフッターのコンポーネントを含める必要があります。
0
リアクタコンポーネントは構成可能なので、ヘッダー/フッターの複雑さに応じてどちらの方法もうまくいきます。
function Root() {
return (
<div>
<header>/* simple header content */</header>
<footer> /* simple footer content */</footer>
</div>
)
}
が、あなたのheader
とfooter
タグ内のコンテンツがより複雑になるにつれて、あなたはに、独自のコンポーネントにそれらを考慮することができます彼らは十分に簡単であれば、これは(私は簡単にするためにステートレス機能コンポーネントを使用しています)動作します小さくて読みやすいあなたのファイルを保持:
function Header() {
return (
<header>
// complex content
</header>
)
}
// Similar for Footer component
function Root() {
return (
<div>
<Header/>
<Footer/>
</div>
)
}
(サンプルヘッダやフッタなどの)あなたからより多くの情報がなければ、我々はより多くのアドバイスを与えることはできません。
関連する問題
- 1. リサイクルビューでセクションを作成するには?
- 2. NSFetchedResultsControllerセクションを作成する
- 3. スワッガーでセクションを作成する
- 4. Android - gridviewでセクションを作成するには?
- 5. app.configでカスタム設定セクションを作成するには?
- 6. 1セクションでのインデックス作成
- 7. React jでルートオブジェクトを作成する
- 8. Dockerで「React Appを作成する」
- 9. Xpagesでセクションを作成する方法はこうです
- 10. Reactネイティブレンダリング前にネットワークコールを作成する
- 11. Reactでスライドポップアップを作成
- 12. React RouterのReactコンポーネントのインスタンスをインポートで作成する
- 13. ReactでプレーンなDOM要素を作成するには?
- 14. React Data Gridでリンクを作成するには?
- 15. React Nativeでデフォルトページを作成するには?
- 16. React jsでSoapコールを作成するには?
- 17. iPhone UITableViewセクションを作成
- 18. セクションでテーブルビューを作成する方法は?
- 19. Wordpressで2つに区切られたセクションを作成する
- 20. アプリでセクションを作成するにはどうすればよいですか?
- 21. React-Redux - 検索フィルターを作成する
- 22. React Nativeを使ってUWPアプリケーションを作成するには?
- 23. React要素からReactコンポーネントを作成する
- 24. React Redux + Socket.IO + React Appの作成
- 25. React FLUXでAPI呼び出しを作成する方法は?
- 26. React cloneNode - コピーを作成
- 27. React:作成不可能なアラートコンポーネントを作成する
- 28. ReactからPDFを作成するには?
- 29. React Nativeアプリで「このアプリを評価する」リンクを作成するには?
- 30. React Nativeでコンポーネントを動的に作成することはできますか?
返信ありがとうございます! –