因为react理念是反对直接才做DOM的，完全使用数据驱动DOM做出渲染。习惯了锋利的JQuery的我们如何在表格里直接操作某一项呢？

直接贴代码，如下：

const columns = [  {    title: '指标',    dataIndex: 'kpi_name',    key: 'kpi_name'  }, {    title: '预期',    dataIndex: 'kpi_target',    key: 'kpi_target',  }, {    title: '实际',    dataIndex: 'kpi_finish',    key: 'kpi_finish',  }, {    title: '评分',    dataIndex: 'kpi_score',    key: 'kpi_score',    render: (text, record) => {      return (        text < 100?          (            {text}          ) : {text}      );    }  }];

那么在评分这一列，一旦出现低于100分的数据，该数字的字体颜色就会变红。

举例2：要是操作这一列的表头怎么办？

{    title: 
    
     评分
    
,    dataIndex: 'kpi_score',    key: 'kpi_score',  }

举例3：更改组件默认title怎么操作？

    
     
      GS重点工作任务      
           截至时间：{gsTime}   
     
   }   bordered={false}>  
     
    

举例4：添加多个className怎么搞？

className={`${style.GSTable} ${style.oo}`}/>

方法小结：

react路漫漫，趟过所有坑才能到达彼岸