Cellrenderer 和 react-router-dom 链接

【问题标题】：Cellrenderer and react-router-dom LinkCellrenderer 和 react-router-dom 链接
【发布时间】：2021-01-09 01:10:01
【问题描述】：

这个问题是重复的。但是老的没有回答我需要在带有 Ag-grid 的 Cellrenderer 方法中使用 React Router。

例子

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

我尝试在 ag-grid 道具中使用 reactNext=true 但没有希望

【问题讨论】：

【解决方案1】：

您应该改用frameworkComponents。

单元格渲染器

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

列定义

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

组件

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

现场演示

【讨论】：