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

Question

hey im trying to render react nodes on ag grid but it seems it does not work properly

here what i have tried:

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

Answer 1

so easy just use cellRendererFramework

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