Cellrenderer和react-router-dom链接

Question

这个问题是重复的。但是旧的问题没有回答，我需要使用带Ag网格的Cellrenderer方法中的React Router。

示例

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

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

Answer 1

您应该改用frameworkComponents。

单元格渲染器

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

列定义

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

组件

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

实时演示

​

​