Javascript 在制表器自定义格式化程序中的React组件

我正试图通过一个链接在单元格中插入链接组件

单元格中未显示任何内容，如中所示

为什么JSX不能从函数返回我如何才能做到这一点？

---

const invoiceLinkFormatter=（cell，formatterParams）=>{/这是因为您正在使用的布局框架会在页面加载时解析DOM，因此在此之后添加到页面的任何元素都不会被正确解析，除非它们是通过框架函数添加的

在制表器格式化单元格后，您可能可以在布局框架上调用一个函数来重新解析DOM。
请原谅我的误解，但我相信您可以结合使用ReactDOM.render（）和制表器自定义格式化程序的onRendered参数来提供帮助

import ReactDOM from "react-dom";
...
const journalLinkFormatter = (cell, formatterParams, onRendered) => {
  onRendered(() => {
    let key = cell.getValue();
    let link = `/journals/${key}`;
    ReactDOM.render(
      <Link
        style={{ color: "blue", fontWeight: "bold", background: "red" }}
        to={link}
      >
        {key}
      </Link>,
      cell.getElement()
    );
  });
};

从“react-dom”导入ReactDOM；
...
常量journalLinkFormatter=（单元格、formatterParams、onRendered）=>{
onRendered（（）=>{
让key=cell.getValue（）；
let link=`/journals/${key}`；
ReactDOM.render(
{key}
,
cell.getElement（）
);
});
};