ReactJsのコンポーネントの異なるモバイルレイアウトの作成

ReactJを使用してコンポーネント（デスクトップタイプのレイアウトが異なる）に完全に異なる（モバイルタイプのレイアウト）を作成するにはどうすればいいですか？これは、コンポーネントのレイアウトが異なっているはずです。小さな画面にロゴが付いたナビゲーションサイドバーになるデスクトップ画面用のメニュー（ヘッダーメニュー）を持つページを作成する。ReactJsのコンポーネントの異なるモバイルレイアウトの作成

出典

2017-01-05 rajit

正直、簡単resposive CSSレイアウトは、最善の解決策であってもよいが、手順は

1にある）ユーザ場合、モバイルまたはデスクトップ上でJSに検出します。 Detecting a mobile browser

2）あなたのルートコンポーネントに決定するためにそれを使用し、使用するレイアウト：

出典

2017-01-05 07:47:17 jakee

チェックアウトreact-responsive、あなたがレンダリングするためにメディアクエリを使用することができますたとえば、この質問には答えとして良い提案を持っていますデバイスのサイズに応じて異なるコンポーネント

出典

2017-01-05 11:48:26 Abhishek

ReactJsのコンポーネントの異なるモバイルレイアウトの作成

答えて

関連する問題