/Javascript/React/React-data-table-component edit action

React-data-table-component edit action

const columns =  [
  {
    cell:(row) => <button onClick={this.clickHandler} id={row.ID}>Action</button>,
    ignoreRowClick: true,
    allowOverflow: true,
    button: true,
  },
  {
    name: 'ID',
    selector: 'ID',
    sortable: true,
    grow: 2,
  },
  {
    name: 'Name',
    selector: 'name',
    sortable: true,
    grow: 2,
  }
  ]
  
   clickHandler = (state) => {
    debugger;
    console.log(state.target.id);
  };

Similar codes

1 vote315 views5 answers
React state
Javascript React
0 vote308 views1 answer
Webpack react proxy not working
Javascript React
0 vote310 views1 answer
The email address is badly formatted react
Javascript React
0 vote329 views1 answer
How to imporrt Browserrouter in react
Javascript React
1 vote321 views1 answer
React native environment variables
Javascript React
0 vote300 views3 answers
Add if condition in map react
Javascript React
0 vote324 views1 answer
Decet wheter react app in development or production
Javascript React
0 vote342 views1 answer
Websocket with Node and React
Javascript React
0 vote330 views1 answer
Ng-class equivalent in react
Javascript React
0 vote304 views1 answer
React native elements bottom sheet
Javascript React