私はReact JSを使用してレスポンシブUIを作成しています。私は、次のように折りたたみ可能なサイドバーを作成したい：私は垂直バー（グラフ情報）をクリックしたときに 
React JS：折りたたみ可能なサイドバー
は、だから、次の写真のように展開する必要があります。私はJsfiddleSample codeのようないくつかの例を見てきましたが、ここでは崩壊をコントロールするために静的ボタンを使用しています。私が使用できるライブラリはありますか？または任意のコードの提案？
私はReact JSを学んでいます。だから、どんな助けや提案も感謝します。
ボタンはフィドルと似ていますが、サイドバーのコンポーネントに含めることができます。
リアクトの美しさは、状態を分離しています。私はこのように考える：
のでParentは
var Parent = React.createClass({
getInitialState: function(){
return {sidebarOpen: false};
},
handleViewSidebar: function(){
this.setState({sidebarOpen: !this.state.sidebarOpen});
},
render: function() {
return (
<div>
<Header onClick={this.handleViewSidebar} />
<SideBar isOpen={this.state.sidebarOpen} toggleSidebar={this.handleViewSidebar} />
<Content isOpen={this.state.sidebarOpen} />
</div>
);
}
});
とSideBar（その関数を呼び出すボタンを追加すること）になり（今SideBarに機能して渡し）となります：
var SideBar = React.createClass({
render: function() {
var sidebarClass = this.props.isOpen ? 'sidebar open' : 'sidebar';
return (
<div className={sidebarClass}>
<div>I slide into view</div>
<div>Me too!</div>
<div>Meee Threeeee!</div>
<button onClick={this.props.toggleSidebar} className="sidebar-toggle">Toggle Sidebar</button>
</div>
);
}
});
こんにちはを作成するには、ソリューションをありがとうございました。アニメーションを右から左へ、左から右へ、インスタレーションすることは可能ですか？ –
はい、それは本当にCSSの質問です。あなたが示したことをするには、[position：absolute]（https://developer.mozilla.org/ja/docs/Web/CSS/position）の仕組みなど、CSSを学ぶ必要があります。 –
唯一の年とそれはすでに動作を停止しました。 – 1N5818
React Offcanvasコンポーネントを使用してこれを取得します。 ここにoffcanvasコンポーネントをインストールするリンクがあります。 `位置を使用垂直サイドバー（100％の高さ）を作成するには
：絶対に;'と '高さ：100％;'フルハイトバー –