mi pregunta es como hacer que un evento un click saque un item de un json en concreto, que cada que de un click en un nombre me aparezca el mismo nombre
si doy click en valor: 1 me mande el mismo nombre en un log y no lo eh podido conseguir
Mi codigo es el siguiente
class App extends Component {
constructor(props){
super(props);
this.state = {
names: []
};
axios.get("http://localhost:3001/names")
.then(response => {
this.setState({
names: response.data
})
})
.then(error => {
console.log(error);
})
}
handleClick = (name) => {
console.log('this is:', {name} );
}
render() {
return (
<div>
<ul>
{
this.state.names.map( name =>
<li key={name} onClick={this.handleClick}>{name}</li>)
}
</ul>
</div>
);
}
}