import React, { Component } from 'react';
class App extends Component {
constructor(props) {
super(props)
this.list_element = React.createRef()
this.state = {
items: [
{ text: 'Test1'},
{ text: 'Test2'},
{ text: 'Test3'},
{ text: 'Test4'}
]
}
}
doSomething(text, index) {
alert(text);
alert(index);
}
render() {
return (
<ol>
{this.state.items.map((item, index) => (
<li key={item.text} onClick={() => this.doSomething(item.text, index)}>
<span>{item.text}</span>
</li>
))}
</ol>
);
}
}
export default App;
