React Material UI - условное отображение цвета ячейки таблицы

Question

В настоящее время я использую интерфейс материалов для отображения некоторых данных в таблице. Я хочу иметь возможность изменить цвет строки, когда свойство ответа в ответе содержит информацию. На данный момент я могу изменить цвет строки на определенный c цвет, но я не могу сделать это условно. Может кто-нибудь помочь мне спасибо.

 <TableRow className={classes.row}>
                      </TableCell>
                      <TableCell component="th" id={labelId} scope="row" padding="none">
                        {row.title}
                      </TableCell>
                    </TableRow>

const useStyles = makeStyles((theme) => ({
  root: {
    width: '100%',
  },
  row:{
    background:'red'
  },
}));

Answer 1

Я не знаю, как поступают ваши данные, поэтому я буду использовать типичный способ в этой демонстрации.

  <TableRow className={ String ? classes.row : classes.row2}>
                      </TableCell>
                      <TableCell component="th" id={labelId} 
  scope="row" padding="none">
                        {row.title}
                      </TableCell>
                    </TableRow>

   const useStyles = makeStyles((theme) => ({
   root: {
    width: '100%',
   },
   row:{
    background:'red'
   },

  row2: {

  background: 'pink'
  }
  }));

Создайте другой стиль и используйте tarnary для установки className на основе условия.