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

Question

我有一个来自 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 }} 
  />

Answer 1

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

所以，条件如下:

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