Теперь я с помощью AG-сетку, которая может создать пользовательский визуализатор для каждых ячеек данных, но это необходимо Html элементыКак я могу преобразовать элемент React Element в элемент Html?
Например, они элементы, которые могут быть созданы с помощью вызова document.createElement()
Но я хочу использовать элемент React как пользовательский рендерер для моего удобного
Не уверен, что я могу это сделать или нет?
Вы можете попробовать использовать getDOMNode, например: this.refs.giraffe.getDOMNode(), или:
import ReactDOM from 'react-dom';
...
const submitBtn = ReactDOM.findDOMNode(this.refs.submitButton)
Но способ имеет некоторые проблемы устаревания, больше здесь: React.js: The difference between findDOMNode and getDOMNode
Там новый Реагировать путь в AG-сетки для этой цели. Это совсем недавно, поэтому вам нужно обновить свой модуль ag-grid. Вместо использования cellRenderer используйте cellRendererFactory, с помощью которого вы можете напрямую передать компонент React. Источник: https://www.ag-grid.com/javascript-grid-cell-rendering/index.php#reactCellRendering
Итак, если я правильно понял, вы создаете настраиваемый визуализатор ячеек следующим образом: 'cellRenderer: reactCellRendererFactory (MyCustomCellRenderer)', правильно? И ваш вопрос заключается в том, можно ли использовать компоненты React в jsx, возвращаемые методом рендеринга компонента MyCustomCellRenderer? – Smilev
@ Смилев, это именно то, что я хотел бы знать. По крайней мере, кажется, что это невозможно сделать в функциональной версии средства визуализации ячеек. Может ли это быть сделано в компонентной форме cellRenderer? – dsh