Блог

Можно ли изменить цвет фона строки на основе возвращенного значения ключа строки? Я выполняю этот проект, в котором цвет фона строки должен стать черным, если значение ключа этой строки в данный момент активно в моем this.state.index .

Мой код:

Так, например, если this.state.index = 0, цвет фона строки с ключом = 0 должен измениться на черный.

Вы можете добавить встроенный стиль css:

style={{backgroundColor: this.state.index === index ? 'black' : null}}

Может быть, что-то вроде

 <tr key={index} className={this.state.index === index ? 'highlight' : ''}>
  ...
</tr>
 

Где highlight находится пользовательский класс css, который устанавливает цвет фона на черный (вы можете назвать это как угодно).

Также не имеет отношения к вашему вопросу, но я не думаю , что вам нужно звонить slice() this.props.table , похоже, вы просто должны быть в состоянии это сделать this.props.table.map() . В настоящее время slice() просто создается дубликат массива.