如何使用antd隐藏表中的某一列？

Question

下面是示例代码

{
title: 'Site', 
dataIndex: 'site'
}

我想隐藏网站栏目，而我对antd react用户界面还很陌生。并且在antd文档的列API中没有显示/隐藏功能。我想隐藏它后，某个条件已满足，如有2个用户类型。管理员用户和一般用户。

if(user_role = admin_user){
show column
elseif(user_role = general_user){
hide column
}

Answer 1

   getColumns = (userRole) => {
        switch(userRole){
          case 'AdminUser': { return  //return admin user columns here }
          case 'GeneralUser': { return //return the genral user columns here }
          default: { return //handle other cases.. or raise error}

      }
}

在您的表组件中调用函数。(假设您的状态具有用户角色)

<Table columns = {this.getColumns(this.state.userRole)} />