title: how to pass props to a specific component in redux when iterating
body: <p>So I have this component in which I use the map function to call another component :</p>
  
  <pre><code>class configstepper extends React.Component {
  ...
  //in render
   if(this.props.selected_devices){
     return(
              this.props.selected_devices.map( (row, index) =&gt; (
                &lt;DeviceProps key={index} row={row} index={index} /&gt; 
  
              )))}
           ...}
  </code></pre>
  
  <p>Now my DeviceProps component is fetching data so it has a props to render 
  my problem is i want the props to be specific to a each DeviceProps not to all of them : </p>
  
  <pre><code>class deviceProperties extends Component { 
   ...
  
  //in render
  &lt;RaisedButton style={styles.Button}label="Read From Device" primary={true} onClick={this.handleRead.bind(this)}/&gt;
  &lt;TextField id={this.props.index} value={this.props.read_data}  readOnly/&gt;
  ...
  //handleRead where i trigger the action 
      handleRead(){
  
      this.props.read_device()
  }
  
  //mapstate to props
  function mapStateToProps(state){
  return {
       read_data:state.config.test}}
  
   connect(mapStateToProps,actions)(deviceProperties)
  </code></pre>
  
  <p>Data is fetched on button click when i render all the DeviceProps components get the same data while i only want to get it on the clicked component.
  I couldn't figure a work around this one </p>