ReactJS и Redux. Как выделить выбранный в данный момент элемент?

Question

Для смены состояний я использую избыточность. У меня есть Компонент ChapterList, где я повторяю список глав и отображаю его, также у меня есть Компонент контента, где отображается сам контент

С левой стороны у меня есть список тем, когда я нажимаю на одну из них, содержание этой темы отображается справа. Как сделать так, чтобы тема слева была выделена.

Я хочу, чтобы он был выделен, как здесь.

Answer 1

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

в теме компонента:

render() {
  const classes = this.props.isActive ? 'topic topic-active' : 'topic';
  return ( 
    <div className={classes} >
  ...