How to use the react-md.Drawer.DrawerTypes function in react-md

<div id="rc-drawer-footer">
                        Copyright © 2017 <span></span> <b>OAwan</b>
                    </div>
                } key={key++}/&gt;);
        }
            
        return (
            <div id="rc-drawer">
                <button></button>
                
                
                1. 貼文中找到<span>貼文時間</span></div>,
                        <div>2. 點擊<span>右鍵</span></div>,
                        <div>3. <span>複製連結網址</span>即可得到文章連結</div>
                    ]}
                    image={HOW}
                    closeDialog={this.closeDialog.bind(this)}/&gt;

Drawer examples} />}
          renderNode={this.dialog}
          navItems={navItems.map(props => )}
        />
      
    );
  }
}

autoclose={true}
          navItems={navItems}
          visible={this.state.drawer}
          header={
             this.setState({ drawer: false })}
                  iconChildren="arrow_back"
                />
              }
            />
          }
          type={Drawer.DrawerTypes.TEMPORARY}
        />
      
    );
  }
}

render() {
    const { visible, position } = this.state;
    const isLeft = position === 'left';

    const closeBtn = <button>{isLeft ? 'arrow_back' : 'close'}</button>;
    return (
      <div>
        <button>
          Open Drawer Left
        </button>
        <button>
          Open Drawer Right
        </button>
        
          )}
        /&gt;
      </div>
    );
  }
}

const PhotoDrawer = ({ visible, onVisibilityChange, photo }) => (
  
     onVisibilityChange(false)}>close}
      title={photo.filename}
      actions={actions}
      prominentTitle
    />
    <section>
      
        <img role="presentation" src="{`https://unsplash.it/360/520/?image=${photo.id}`}"></section>