[ReactJs] Récupérer l'objet d'une map d'une function

Bonsoir,
J’aimerai récupérer les valeurs du personnage sélectionner dans ma function goArene, et j'aimerai savoir si quelqu'un sait comme j pourrai faire ? je continu mes recherches de mon côté, merci bien

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
import React from 'react';
 
class Heroes extends React.Component {
 
   	state = {
   		id1: {  
   			avatar: `https://s-media-cache-ak0.pinimg.com/564x/69/b5/a4/69b5a494ab8551588c6a94bc2957fc0d.jpg`,
   			name: `ジェノス`,
   			life: 12, 
   			force: 10, 
   			speed: 7 
   		},
   		id2: {  
   			avatar: `http://upic.me/i/pa/45610.png`,
   			name: `サイタマ?`,
   			life: 11, 
   			force: 10, 
   			speed: 7 
   		}
   	};
 
   	goArene = (e) => {
   		console.log(e.target.Value);
   	}
 
   	heroe = (state) =>{
   		const result = Object
   		.keys(state)
   		.map((key) => 
   			<div key={key} className="heroe"> 
				<img 
					src={state[key].avatar} 
					width="250px" 
					height="150px" 
					className="imgHeroe" 
					alt="image"
				/>
				<div className="nameHeroe">
					{console.log(key)}					
					{state[key].name}
				</div>
				<ul>
					<li>{state[key].life}</li>
					<li>{state[key].force}</li>
					<li>{state[key].speed}</li>
				</ul>
				<button onClick={(e) => this.goArene(e)}>Valider</button>
   			</div>
   			);
   		return result;
   	}
 
  render() {
    return (
    	<div>
    		<h1>Heroes</h1>
    		{this.heroe(this.state)}
    	</div>
 
    );
  }
}
 
export default Heroes;