Cellrenderer and react-router-dom Link

Viewed 474

This question is duplicated. But the old one is not answered I need to use React Router inside Cellrenderer method with Ag-grid.

Example

cellRenderer: function (params) {
  return '<Link to="/customer/view/'+params.value+'">'+params.value+'</Link>'
}

I tried to use reactNext=true in the ag-grid props but no hope

1 Answers

You should use frameworkComponents instead.

Cell Renderer

const LinkCellRenderer = (params) => (
  <Link to={"/edit/" + params.data.id}>Edit</Link>
);

Column Definitions

{
  headerName: "Action",
  field: "action",
  cellRenderer: "LinkCellRenderer"
}

Component

<AgGridReact
  {...}
  frameworkComponents={{
    LinkCellRenderer
  }}
/>

Live Demo

Edit 64017685/cellrenderer-and-react-router-dom-link/

Related