@And1991

Как добавлять и удалять класс, когда нажимаю на элемент?

Как добавлять и удалять класс, когда нажимаю на элемент?

<a href="/" onClick={this.showAllBook.bind(this)}>All Book</a>


и на нем висит обработчик

showAllBook(event) {
    event.preventDefault();
    const name = "One";
    this.props.showAllBooks();

который наследует props от родительского компонента

showAllBooks() {
    const { allBooks } = this.state;
    this.setState({filteredBooks: allBooks});
}


как я могу добавлять класс к нажимаемой ссылке и удалять, когда нажимается другая?
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
<a 
  className={filter === 'all' ? 'active' : null}
  onClick={() => setFilter('all')}
>
  All Book
</a>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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