title: passing data between components reactjs
body: <p>I am new in reactjs, i am creating a demo project using reactjs. In my app i have problem while showing the data in screen. here is my code</p>
  
  <pre><code>import React, {Component} from 'react';
  import $ from 'jquery'; 
  import Users from './userlist';
  export default class Home extends Component {
   constructor(props) {
      super(props);
  
      this.state = {person: []};
    }
  
    componentDidMount() {
      console.log("componentDidMount")
      this.UserList();
    }
  
    UserList() {
      return $.getJSON('/react/getUsers')
        .then((data) =&gt; {
          this.setState({ person: data.data });
        });
    }
  
    render() {
     return (
       &lt;div&gt;
            &lt;Users getUserData = {this.state.person}&gt;&lt;/Users&gt;
       &lt;/div&gt;
  
      )  
    }
  }
  
  Home.contextTypes = {
    router: React.PropTypes.object.isRequired,
  }
  </code></pre>
  
  <p>In this am calling the component <code>Users</code></p>
  
  <p>Here is the users component file:</p>
  
  <pre><code>import React, {Component} from 'react';
  import $ from 'jquery'; 
  export default class Users extends Component {
     render() {
      console.log(this.props.getUserData)// contains array of objects which am wants to show
     return(
  
            &lt;div className="experience-item"&gt;
              &lt;div className="experience-content experience-color-blue"&gt;
                &lt;h4&gt;value should be here&lt;/h4&gt;
                &lt;h6&gt;value should be here&lt;/h6&gt;
                &lt;p&gt;value should be here&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
      )   
    }
  }  
  </code></pre>