React.js在地图功能中单击事件

Question

我正在尝试在地图函数中添加一个click事件，该函数循环遍历一个arraylist。由于某种原因，onClick导致以下TypeError。

无法读取未定义的属性'handleClick'

感谢您的帮助！

var subcategories = {
title: ['item1', 'item2', 'item3', 'item4']
};

  handleClick(e, subCategoryTitle) {
e.preventDefault();
  this.setState({selected: subCategoryTitle});
}

renderSubCategory(){
  var data = [];

  for (var x = 0; x <= subcategories.title.length - 1; x++) {
    data.push(x)
  }

  var rowMap = data.map(function(index) {
    return(
      <BC.ListItem spacing="mini">
        <BC.Text onClick={this.handleClick.bind(this, subcategories.title[index])} textBold={this.state.selected === subcategories.title[index] ? true : false}>{subcategories.title[index]}</BC.Text>
      </BC.ListItem>
      )
  })
  return rowMap;

}