title: Passing data to child components in reactjs
body: <p>I am working in reactjs application. I want to pass data to its child components. I am having Parent as parent component and Test1 and Test2 as its children components. Also I am having constant data in parent components. I want to pass same data in its all child components. How can I access this data in Test1 component
  Code of parent</p>
  
  <pre><code>import React, {PropTypes} from 'react'; 
  import {bindActionCreators} from 'redux';
  import {connect} from 'react-redux';
  import {load} from 'redux/modules/viewlodging';
  import Test1 from './Test1';
  import Test2 from './Test2';
  @connect(
  state =&gt; ({data: state.viewlodging.data}),
  dispatch =&gt; bindActionCreators({load}, dispatch))
  export default class Viewlisting extends React.Component {
  static propTypes = {
  data: PropTypes.object,
  load: PropTypes.func.isRequired
  }
  render() {
  const {data} = this.props;
  return (
  &lt;div&gt;
      &lt;div className="row font14 relative"&gt;
          &lt;div className="container relative"&gt;
              &lt;div className="col-md-8"&gt;
                  &lt;div className="row details"&gt;
                      &lt;{data.title}&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div className="col-md-4" &gt;
                  &lt;Test1/&gt;
                  &lt;Test2/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  );
  }
  }
  </code></pre>
  
  <p>In Test1 </p>
  
  <pre><code>import React from 'react';
  export default class Test1 extends React.Component {
   render() {
   return (
        &lt;div className="summary-info"&gt;
            &lt;div&gt;From Test1&lt;/div&gt;
        &lt;/div&gt;
      );
   }
   }
  </code></pre>
  
  <p>How to access data in Test?</p>