如何在 Ag-grid 上渲染反應元素

Question

嘿，我試圖在 ag 網格上渲染反應節點，但它似乎無法正常工作

這是我嘗試過的：

{
     headerName: 'countries',
     field: 'country',
     render: () => (
       <Icon
         type="eye"
         style={{ fontSize: '20px', cursor: 'pointer' }}
         onClick={() => this.props.setMachineModal(true)}
       />
     ),
   }

Answer 1

如此簡單，只需使用 cellRendererFramework

{
     headerName: 'countries',
     field: 'country',
     cellRendererFramework: () => (
       <Icon
         type="eye"
         style={{ fontSize: '20px', cursor: 'pointer' }}
         onClick={() => this.props.setMachineModal(true)}
       />
     ),
   }