Ora ho utilizzando ag-Grid in grado di creare renderer personalizzati per ogni celle di dati ma è richiesto elementi HTMLCome posso convertire l'elemento React in elemento Html?
Per esempio sono un elementi che possono essere creati chiamando document.createElement()
Ma voglio usare l'elemento React come renderer personalizzato per il mio comodo
Non sono sicuro che posso farlo o no?
Si può provare a utilizzare getDOMNode ad esempio: this.refs.giraffe.getDOMNode(), oppure:
import ReactDOM from 'react-dom';
...
const submitBtn = ReactDOM.findDOMNode(this.refs.submitButton)
Ma in questo modo ha alcuni problemi deprecazione, più qui: React.js: The difference between findDOMNode and getDOMNode
C'è un nuovo modo reagire in ag-griglia per questo scopo. È abbastanza recente, quindi devi aggiornare il tuo modulo ag-grid. Invece di utilizzare cellRenderer utilizzare cellRendererFactory a cui è possibile passare direttamente il componente React. Fonte: https://www.ag-grid.com/javascript-grid-cell-rendering/index.php#reactCellRendering
Quindi, se ho capito bene, stai creando un renderer di celle personalizzato come questo: 'cellRenderer: reactCellRendererFactory (MyCustomCellRenderer)', giusto? E la tua domanda è se puoi usare i componenti React nel jsx che restituisce il metodo di rendering del componente MyCustomCellRenderer? – Smilev
@Smilev, è esattamente quello che mi piacerebbe sapere. Per lo meno, sembra che non possa essere fatto nella versione di funzione di un riproduttore di celle, può essere fatto nella forma componente di cellRenderer? – dsh