侧边栏反应菜单汉堡不显示

Question

我是React的新手，我正在处理一个必须修改的现有项目。
我需要添加一个补充工具栏，然后按照以下方式this tutorial创建一个MySidebar组件：

import React from "react";
import {slide as Menu } from 'react-burger-menu'

export class MySidebar extends React.Component {


  constructor(props) {
    super(props);
  }

  render() {


    return (
        <Menu>
            <a id="Project1">Project 1</a>
            <a id="Project2">Project 2</a>
            <a id="Project3">Project 3</a>
        </Menu>
    );
  }
}

然后在App.js中我有这个：

render() {
      return (
        <div className="App">
         <MySidebar 
      isOpen={true}
      disableCloseOnEsc= {true}
      style={{
          'position': 'fixed',
          'left': '0px',
          'width': '30px',
          'height': '100%',
          'display':'inline-block'
        }}>
        </MySidebar>
          <Particles
            params={{
              "particles": {
                "number": {
                  "value": 100
                },
                "size": {
                  "value": 3
                }
              }
            }}
          </Particles>
          <ProjectSliderComponent projectListId={this.state.projectList}></ProjectSliderComponent>
        </div>
      );
  }

Particles是背景类，而ProjectSliderComponent是主页的内容。未显示MySidebar；我在哪里可以找到错误？我很困惑