React OnClick函数未绑定

我有一个 onClick 绑定到的处理程序 currentAreas 组成部分这个 onClick(单击) 当 当前区域 组件被调用,但之后不工作。

onClick(单击) 当我尝试单击锚标记时不起作用,我认为这可能是由于我绑定 onClick(单击) 作用

当前区域.js

import React, { Component, PropTypes } from 'react';

export default class currentAreas extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    const { onClick } = this.props;

    return(
        <div className="list-group panel">
          <a href="#demo3" className="list-group-item" onClick={onClick("All", "All")} >All</a>

        </div>
    );
  }
}

当前列表。js(主要组件)

class currentList extends Component {
    constructor(props) {
      super(props);

      this.updateLocation = this.updateLocation.bind(this);
    }

  updateLocation(name, nameLocation){
    console.log(name);
    console.log(nameLocation);
  }

    render() {
        return (
           <div className="step-3-container">

            <CurrentAreas 
              onClick ={this.updateLocation} />
        </div>
      )
    }
  }