I'm new to React, and I'm working with an existing project that I have to modify.
I need to add a Sidebar, and following this tutorial I've simply created a component MySidebar this way:

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

export class MySidebar extends React.Component {

  constructor(props) {

  render() {

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

Then in App.js I have this:

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

Particles is a class for the background, while ProjectSliderComponent is the content of the main page. MySidebar is not shown; where can I look for the error? I'm confused

0 Answers