test.js

import React from 'react';
import ReactDom from 'react-dom';

const SingleList = (props) => {

    return (
        <li className="dropdown">
          <a>
            Room Type
            <span className="caret"></span>
          </a>
          <div className="dropdown-menu" aria-labelledby="dLabel">
            asdasd
          </div>
        </li>
    );
};

class Navheader extends React.Component {

  data = {counter : 0 };

  render() {
    return (
        <ul className="nav navbar-nav navbar-left">
          <li className="dropdown">
            <a>
              Room Type
              <span className="caret"></span>
            </a>
            <div className="dropdown-menu" aria-labelledby="dLabel">
              asdasd
            </div>
          </li>
          <li className="dropdown">
            <a>
              Price range
              <span className="caret"></span>
            </a>
            <div className="dropdown-menu" aria-labelledby="dLabel">
              asdasd
            </div>
          </li>
          <li className="dropdown">
            <a>
              Instant Book
              <span className="caret"></span>
            </a>
            <div className="dropdown-menu" aria-labelledby="dLabel">
              asdasd
            </div>
          </li>
          <li className="dropdown">
            <a>
              More Filters
              <span className="caret"></span>
            </a>
            <div className="dropdown-menu" aria-labelledby="dLabel">
              asdasd
            </div>
          </li>
        </ul>
    );
  }

}

export default Navheader;

ReactDom.render(<Navheader />, document.getElementById('third-layer'));