@DaveGarrow

Почему не работают табы в React?

Не выходит запустить работу табов в React( Ни сами табы не переключаются, ни активный класс на кнопках не срабатывает. Подскажите, пожалуйста, в чем ошибка?
https://stackblitz.com/edit/react-yitwhz
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
@Corvuss
Переписать вот так:
setSelected = (tab) => {
      this.setState({
        activeTab: tab,
      });
    }


Или вот так (передать контекст):

<Cardlist apartmentTabs={apartmentTabs} setSelected={this.setSelected.bind(this)} />


Первый вариант предпочтительней, ибо второй несколько устаревший уже.

Плюс ошибка в className в дивов (this.state.activeTab), неправильно указаны номера.

Также в компоненте CardList, лучше так:

handleClick={() => this.props.setSelected(card.order)}


В общем вот исправленный вариант https://stackblitz.com/edit/react-x3p8yb?file=src%...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы