title: How to open a PDF document in newtab from navigation in ReactJS?
body: <p>How to open a pdf document in newtab from navigation in ReactJS?</p>
  
  <p>Menu's:</p>
  
  <pre><code>{
      key:  'yourServerObligMenu',
      name: 'Your Service Obligation ',
      path: '/serviceObligation',
      icon: 'glyphicon glyphicon-paperclip',
      active: false
  },
  </code></pre>
  
  <p>routes:</p>
  
  <pre><code>import YourServiceObligationPage from './pages/YourServiceObligation'
  &lt;Route path='serviceObligation' component={YourServiceObligationPage} /&gt;
  </code></pre>
  
  <p>pages:</p>
  
  <pre><code>import ServiceObligationContent from '../components/serviceObligation/ServiceObligationContent';
  
  export default class YourServiceObligation extends Component {
      render() {
          return (
              &lt;div&gt;  
                  &lt;ServiceObligationContent/&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>component:</p>
  
  <pre><code>export default class ServiceObligationContent extends Component {
  
      render() {
          return (
              &lt;Link to="/documents/YourServiceObligation.pdf"  target="_blank"&gt;
  
  
          );
      }
  }
  </code></pre>
  
  <p><strong>I am unable to open a document in a newtab when I click on navbar menu</strong> <code>serviceobligation</code></p>