@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});
}


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

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

Войти через TM ID
Похожие вопросы
Ultimate Guitar Калининград
от 1 000 до 5 000 usd.
Spar-online Нижний Новгород
от 150 000 до 170 000 руб.
Enapter Санкт-Петербург
от 160 001 руб.