Add event listeners on Sidebar.

• Hey How to add event listeners(like on Click etc) on AppAside(Right side slide bar).I tried to add onClick listener but its not working.

[xidedix]

@vpn1997 here is a quick and dirty solution

• modify src/containers/DefaultLayout/DefaultHeader.js like this:

// add ReactDOM import 
import ReactDOM from 'react-dom';
//...
class DefaultHeader extends Component {

  // createRef in contructor
  constructor(props) {
    super(props);
    this.asideTogglerRef = React.createRef();
  }

  // addEventListener
  componentDidMount() {
    ReactDOM.findDOMNode(this.asideTogglerRef.current).addEventListener('click', this.handleClick);
  }
 

  // removeEventListener
  componentWillUnmount() {
    ReactDOM.findDOMNode(this.asideTogglerRef.current).removeEventListener('click', this.handleClick);
  }

  // handle event
  handleClick() {
    console.log('Click')
  }

  render() {
  //...
  // add ref to AppAsideToggler
     <AppAsideToggler className="d-md-down-none" ref={this.asideTogglerRef}/>
  //...
  }
}

[xidedix]

I’m closing this since it appears to be inactive or answered above. Please comment and/or reopen if you feel the issue has not been resolved.