title: Set a tabIndex on an Reactstrap component
body: <p>I am trying to set a tab index on a link in React. The render function of my component looks like this:</p>
  
  <pre><code> render() {
      return (
        &lt;&gt;
          &lt;Nav tabs&gt;
            &lt;NavItem tabIndex={1}&gt;
              &lt;NavLink
                onClick={() =&gt; {
                  this.toggle('1');
                }}
                tabIndex='1'
              &gt;
                {this.props.tabText01}
              &lt;/NavLink&gt;
            &lt;/NavItem&gt;
  ...
  </code></pre>
  
  <p>As you can see, I have tried to set a tabIndex on both the NavItem and I have also tried on the NavLink (which come from reactstrap), but nothing is showing when I inspect the links on my browser tools.</p>
  
  <p>When tabbing across the page, there is a pause when I tab over the two NavItems that I have, so it's like it's registering it (i.e. I have to tab twice to get to an element after my nav) however it is not showing up in the markup, and the items do not visually appear to be selected.</p>
  
  <p>Any pointers as to how I can make this tab accessible will be greatly appreciated.</p>