/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

2 votes214 views1 answer
How to dynamically show image from local storage in react native
Javascript React
2 votes197 views1 answer
How to use `setState` callback on react hooks
Javascript React
0 vote219 views1 answer
Unexpected token useeffect react native
Javascript React
0 vote226 views1 answer
React get current date minus 7 days
Javascript React
0 vote212 views1 answer
React got error need to enable javascript
Javascript React
0 vote214 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote206 views1 answer
Assign random colors react chartjs
Javascript React
1 vote221 views3 answers
Stripe react js
Javascript React
0 vote166 views1 answer
Create react app ssl
Javascript React
0 vote212 views1 answer
Chromepicker react-color not working
Javascript React