Bây giờ tôi đã sử dụng ag-Lưới có thể tạo ra renderer tùy chỉnh cho mỗi tế bào dữ liệu nhưng nó đòi hỏi yếu tố HtmlLàm cách nào để chuyển đổi phần tử React thành phần tử Html?
Ví dụ họ là một yếu tố có thể được tạo ra bằng cách gọi document.createElement()
Nhưng tôi muốn sử dụng phần tử React làm trình kết xuất tùy chỉnh cho thuận tiện của tôi
Đừng chắc rằng tôi có thể làm điều đó hay không?
Bạn có thể cố gắng sử dụng getDOMNode ví dụ: this.refs.giraffe.getDOMNode(), hoặc:
import ReactDOM from 'react-dom';
...
const submitBtn = ReactDOM.findDOMNode(this.refs.submitButton)
Nhưng như vậy có một số vấn đề deprecation, thêm ở đây: React.js: The difference between findDOMNode and getDOMNode
Có một cách Phản ứng mới trong ag-lưới cho Mục đích này. Nó khá gần đây vì vậy bạn phải cập nhật mô-đun lưới điện của bạn. Thay vì sử dụng cellRenderer, hãy sử dụng cellRendererFactory để bạn có thể chuyển trực tiếp thành phần React. Nguồn: https://www.ag-grid.com/javascript-grid-cell-rendering/index.php#reactCellRendering
Vì vậy, nếu tôi hiểu đúng, bạn đang tạo trình kết xuất ô tùy chỉnh như sau: 'cellRenderer: reactCellRendererFactory (MyCustomCellRenderer)', phải không? Và câu hỏi của bạn là nếu bạn có thể sử dụng các thành phần React trong jsx thì phương thức render của thành phần MyCustomCellRenderer trả về? – Smilev
@Smilev, đó là chính xác những gì tôi muốn biết. Ít nhất, có vẻ như không thể được thực hiện trong phiên bản chức năng của trình kết xuất ô, Có thể thực hiện điều đó ở dạng thành phần của cellRenderer không? – dsh