Внедрить тег привязки в <td>после создания таблицы

Question

Я использую внешний модуль реагирования, называемый реагировать * json в таблицу (https://github.com/thehyve/react-json-to-table) для динамического рендеринга таблицы из JSON ввода. Проблема состоит в том, что все значения в этой таблице являются строковыми значениями, и это не может быть чем-либо еще из-за реализации модуля.

Это ссылка на коды и окна, которую модуль дал в качестве примера. Я хотел, чтобы часть URL была тегом привязки, но у меня возникают проблемы. https://codesandbox.io/s/jn3z0mmw2v

Я видел, что если я редактирую визуализированную таблицу HTML напрямую и вставляю тег привязки, он ведет себя так, как я хочу, но это должно быть сделано программно.

Я думаю, что это можно сделать через DOM, но не совсем уверен, как это сделать через реагирующий код в отличие от чистого Javascript. Любые указатели будут высоко оценены!

Answer 1

В конце концов я нашел решение с использованиемact-dom / server.

Я использовал функцию renderToString, чтобы получить код компонента HTML и манипулировать им напрямую.

Если вы сделаете renderToString (любой вид компонента) и сохраните этот вывод, это будет строковое представление сгенерированного HTML кода.

Я просто манипулировал строкой, вставлял тег привязки напрямую и отображал эту строку с помощью