I am new to react, and I am having a little issue. Maybe somebody can help me out.

So the issue is that I am unable to triger the element I want with onCLick function. Now I am trying to remove the navigation when

import React from react;

import ReactDOM from react-dom;



export default class Nav extends React.Component {

    constructor() {

        super();

        this.state = {navStatus: navHide};

    }



    navClose() {

        var navOpened = document.getElementById(myNav);

        navOpened.setState({navStatus: navHide});

    }



    navOpen() {

        this.setState({navStatus: navShow});

    }



    render() {

        return(

            <nav onClick={this.navOpen.bind(this)}>

                <div id=myNav className={this.state.navStatus}>

                    <div className=navClose onClick={this.navClose.bind(this)}>

                        <object className=navCloseBtn type=image/svg+xml data=svg/close.svg></object>

                    </div>                  

                </div>

            </nav>

        );

    }

}

The error I am having is

nav.js:12 Uncaught TypeError: navOpened.setState is not a function

Also if you notice some patterns that I could improve in my code, I would really appreciate the feedback.

Thank You!