2017-08-14 10 views
0

私はマテリアル-UIを使用している「真」であるとき、スタイルの変更を行う私はパディング左引き出しが開いている(真)のときのみ、これを行う方法たいプロパティが

class App extends Component { 
constructor() { 
    super(); 
    this.state = { 
     drawerOpened: true 


}; 
}; 
render() { 
return(
<div> 

<Drawer open={this.state.drawerOpened}> 

<div style={{paddingLeft: '256px'}}> 


</div> 


</div> 

を反応させる方法引き出しを閉じるときにパッドを外しますか?あなたがtrueにthis.state.drawerOpenedを設定しているので変な@Lexizzだ

答えて

0
<div style={{paddingLeft: this.state.drawerOpened ? '256px' : 'initial'}}> 
+0

うわー、それは働いていたが、非常に、ページがロードされたときにdivがパディングなしで来て、私は閉じて、開いたときに引き出し作品ではない完璧 – Lexizz

+0

最初から。それが値かどうかを見るために内部のconsole.logをレンダリングします。 – ZeroCho

+0

私はfalseに設定しようとしましたが、何も変更しませんでした。 divは、真か偽かにかかわらず、常に初期パディングでロードされます。 Idk何をすべきか – Lexizz

関連する問題