/Javascript/React/React native how to pass id from list to function

React native how to pass id from list to function

render(){
    return(
      <ul id="todo">
      {this.state.items.map((item,i) => 
        <li className='list-group-item' key={i} data-id={item.id}>{item.name}
        <button onClick={() => this.yourfunc(item.id)}>X</button>
        </li>
      )}
      </ul>
    ) 
}

Source: stackoverflow.com

Similar codes

2 votes208 views1 answer
Rn touchableopacity
Javascript React
0 vote237 views1 answer
React router v6 lazy suspense
Javascript React
1 vote228 views1 answer
React next alias import
Javascript React
0 vote226 views5 answers
React redux cheat sheet
Javascript React
0 vote250 views1 answer
Display only initials from full name reactjs
Javascript React
2 votes304 views2 answers
Past value from parent in reactjs
Javascript React
0 vote260 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
2 votes243 views1 answer
React concatenate string and component
Javascript React
0 vote233 views1 answer
Render blaze in react
Javascript React
0 vote241 views1 answer
React-big-calendar styling
Javascript React