Как мне вернуть компонент ‹Link› в ag-grid cellRenderer

В столбце таблицы идентификаторов продукта должна быть ссылка на страницу сведений о продукте.

Я использую опцию ag-grid cellRenderer, чтобы вернуть компонент, который перейдет на страницу сведений о продукте.

cellRenderer: (параметры) => {возврат ({params.value}); } Моя маршрутизация:

Мне просто нужна ссылка в этой ячейке, которая направит меня на страницу с подробностями.


reactjs ag-grid-react cellrenderer
person Shinta    schedule 04.09.2019    source источник
comment
Я изменил свой код так, чтобы cellRenderer возвращал следующее. Однако теперь я получаю другую ошибку - cellComp.js: 895 Uncaught TypeError: Не удалось выполнить appendChild на «Узле»: параметр 1 не относится к типу «Узел». Пожалуйста помоги. React.createElement (Link, {to: / productDetails, certs: {productId: '1234'}}, 1234);   -  person Shinta    schedule 05.09.2019
comment
И для дополнительной уверенности я проверил, является ли элемент ValidElement   -  person Shinta    schedule 05.09.2019

Ответы (1)


arrow_upward
0
arrow_downward 

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>
person Cy I-Am    schedule 06.09.2019