title: reactjs onclick display component
body: <p>Why isn't my component rendering?</p>
  
  <pre><code>import React, { Component } from 'react';
  import {Chokers, Bracelets, FRings, MRings} from './AllItems.js'
  
      class App extends Component {
  
        handleClick(e){
  
          &lt;Chokers chokers={this.props.items.Chokers}/&gt;
        }
        render() {
          return (
              &lt;div className="App"&gt;
                  &lt;ul style={{display: 'inline'}}&gt;
                      &lt;li onClick={this.handleClick.bind(this)}&gt;Chokers&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;Bracelets bracelets={this.props.items.Bracelets}/&gt;Bracelets&lt;/li&gt;
                      &lt;li&gt;&lt;FRings frings={this.props.items.FRings}/&gt;Rings for Women&lt;/li&gt;
                      &lt;li&gt;&lt;MRings mrings={this.props.items.MRings}/&gt;Rings for Men&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          );
        }
      }
  
      export default App;
  </code></pre>
  
  <p>Basically my this.props.items.Chokers for examples call a on my json file that was passed through. </p>
  
  <p>I just want to create a links to another component at an onClick event. 
  The problem that I am having is that my Component under handleClick doesnt render.</p>