How to get the key by clicking?

Question

React

click(e){
    console.log(e.altKey);
    let unit = this.state.array;
}


    
render() {
    let array = this.state.array;
    let unit = array.map((item, index) => {
                return (
                <a key={index}
                style={{display:"block"}}
                onClick={this.click.bind(this)}
                >Hello, {item}</a>
                )
            });

Answer 1

Why do you need a key? Pass the element itself:

сlick(e, item) {
  console.log(item);
}

render() {
    const { array } = this.state;
    const unit = array.map((item, index) => (
      <a 
        key={index}
        style={{display:"block"}}
        onClick={(e) => this.click(e, item)}
      >
        Hello, {item}
      </a>
     ));

If you still need the key, then just add one more argument to the click call .

Answer 2

click(e, index){
    console.log(e.altKey);
    let unit = this.state.array;
}


    
render() {
    let array = this.state.array;
    let unit = array.map((item, index) => {
                return (
                <a key={index}
                style={{display:"block"}}
                onClick={(e)=>this.click(e, index)}
                >Hello, {item}</a>
                )
            });