が反応 - 隠すメニューのonClick

Question

私はまだ初心者だ、それが反応するようになると、私はあなたがボタンをクリックすると、最大スライド隠しメニューを作成しようとしている、これが私の仕事です：

import React from "react"; 
import {render} from "react-dom"; 
import styles from "./MenuCocktails.css"; 
import {BottomMenu} from "./BottomMenu"; 

export class BottomMenuButton extends React.Component{ 
constructor(){ 
     super(); 
     this.state ={ 
     shown: false 
    }; 

    } 
toggleMenu(){ 
    this.setState({shown: !this.state.shown}); 
} 
render(){ 
    return(
     <div><button onClick={this.toggleMenu.bind(this)} >My Cart</button> 

      if(this.state.shown == true) { 
       <BottomMenu/> 
      } 
      else{ 
      <p>Nothing to see</p> 
      } 

     </div> 
    ); 
    } 
    } 

constructor(){ 
     super(); 
     this.state = { 
     shown: false 
     }; 
     this.toggleMenu = this.toggleMenu.bind(this); 
    } 

あなたはワンライナーにあなたの条件ロジックを変更することができます：

すべてのヘルプは大

Answer 1

あなたは、コンストラクタでtoggleMenuをバインドする必要が評価されて

{this.state.shown ? <BottomMenu /> : <p>Nothing to see</p>} 

あなたの質問がありますか？何が効いていないのですか？どのようなエラーが出ますか？