Question: CusineList print 0 on every click.Cant get the value in my li tag.

I have tried passing cussine to my updateMenu but output is not correct .when i click All it prints Arabian.

**Here is my code**

```
class Menu extends Component {
  state={
    cusineList: "All"
  }
  updateMenu = (e) => {
    this.setState( {cusineList: e.target.value} );
    console.log(this.state.cusineList);  
  }
    render() {
      const cusineArray = ["All",
         "Arabian",
         "Continental", 
         "Italian", 
         "Indian"];
      let cusines = (
        <ul className="cusine-list">
        { cusineArray.map(cusine =>
             li key={cusine} onClick={(e)=>this.updateMenu(e)}>
                   {cusine}
             </li>
        )}
      </ul>
      );
        return (
         <div>{cusine}</div>
    }
}
export default Menu;

```

I want to update state according to item clicked

Answer: 
`<li/>` tag does not have value property. Update your code with 

```
  updateMenu = (e) => {
    this.setState( {cusineList: e.target.innerHTML}, () => {
      console.log(this.state.cusineList)
    });
  }

```

Here's [slackblitz](https://stackblitz.com/edit/react-wjzmuj). innerHTML will get all the html + text inside `<li>` tag. Alternatively just to get text in this case you can also use `textContent` as suggested by @Kejt
Sure, as li doesn't have the value. Try use `e.target.textContent`

for the reference - <https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_node_textcontent>