时间戳

首页 > 解决方案 > Ant Design 表行类名多个条件

reactjs - Ant Design 表行类名多个条件

问题描述

我有一张来自 Ant Design 组件库的表，我一直在应用条件类名。我想添加另一个条件，但我的语法一定是错误的。第一个条件有效，但添加后(record.current_price === 'Timeout' && "red")我遇到了一个空白页。

这是我在下面尝试过的：

  <Table 
    columns={columns} 
    dataSource={context.products} 
    rowClassName={(record, index) => (record.current_price !== record.previous_price && "green") (record.current_price === 'Timeout' && "red")} 
    onChange={onChange} 
    pagination={{ pageSize: 100 }} 
  />

标签： reactjsant-design-pro

解决方案

使用三元运算符将解决您的问题。

因此，条件将是：

rowClassName={record.current_price !== record.previous_price ? "green" : (record.current_price === 'Timeout' ? "red" : null)}

推荐阅读