Reactjs 如何返回<；链接>；组件到ag网格单元渲染器

产品id网格列需要链接到产品详细信息页面

我使用ag grid cellRenderer选项返回组件，该组件将转到产品详细信息页面

createLink (theId) {
    var hrefVar = "/productDetails";
    const linkElement = React.createElement(NavLink, {
        to: {
                pathname: '/productDetails',
                products: {
                  'productId': theId
                }
            }
        }, theId);

    return linkElement;
}

cellRenderer：（参数）=>{ 返回( {params.value}）； } 我的路线是：

我只需要一个链接，在该单元将直接向我的详细信息页面

createLink (theId) {
    var hrefVar = "/productDetails";
    const linkElement = React.createElement(NavLink, {
        to: {
                pathname: '/productDetails',
                products: {
                  'productId': theId
                }
            }
        }, theId);

    return linkElement;
}

然后在我的渲染中，我必须用路由器包围链接

<BrowserRouter>
   <div><Route path={"/productDetails"} component={productDetails} />
<span>{this.state.link}</span></div>
</BrowserRouter>

{this.state.link}

然后在我的渲染中，我必须用路由器包围链接

<BrowserRouter>
   <div><Route path={"/productDetails"} component={productDetails} />
<span>{this.state.link}</span></div>
</BrowserRouter>

{this.state.link}

我已更改代码，以便cellRenderer返回以下内容。但是，现在我得到一个不同的错误-cellComp.js:895 Uncaught TypeError:未能在“节点”上执行“appendChild”：参数1不是“节点”类型。请帮忙。createElement（链接，{to:“/productDetails”，证书：{productId:'1234'}}，1234”）；为了增加保证，我检查了元素isValidElement，以确保我已经更改了代码，以便cellRenderer返回以下内容。但是，现在我得到一个不同的错误-cellComp.js:895 Uncaught TypeError:未能在“节点”上执行“appendChild”：参数1不是“节点”类型。请帮忙。createElement（链接，{to:“/productDetails”，证书：{productId:'1234'}}，1234”）；为了增加保证，我检查了元素是否有效