Question: I am trying to click on `<GroupsRow />` and have that call a function so I can use the index to change a property. Yet my click never fires `handler()`.

```
export default class GroupsContainer extends React.Component {
  constructor(props) {
   super(props);
  }

  handler(index) {
    console.log(index)
  }

  _repeatGroupRows(tags) {
    return tags.map((tag, index) =>
      <GroupsRow key={index} tag={tag} onClick={this.handler.bind(this, index)} />
    );
  }

  render() {
    return (
      <div className="groups-list-wrapper">
        <GroupsHeader />
        {this._repeatGroupRows(this.props.state.tags)}
      </div>
    );
  }
}

```

Answer: 
You did not post the code for `GroupsRow` component but my guess is that you don't call this handler inside this component.  

`GroupsRow` should call the `props.onClick` handler as it's a react element and not a "normal" DOM element.
You're looking at the wrong place. The example definitely works, [here](https://jsfiddle.net/lustoykov/69z2wepo/85639/) is a very similar version.

---

**EDIT:** I think @Sag1v nails it - in this case `onClick` is just a property passed to the `<GroupsRow />`. In the root element (probably `<div />`) of the component, you'd have to do pass it once again:

```
<div onClick={this.props.onClick} />

```

PS. @gravityplanx - he doesn't need `this` context for the `map` function, since the arrow function reuses the context of the parent.