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


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

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

Войти через центр авторизации
Похожие вопросы
Indacoin Москва
от 80 000 до 160 000 руб.
Acme Crypto Corp Нижний Новгород
от 120 000 до 200 000 руб.
19 марта 2019, в 01:16
5000 руб./за проект
19 марта 2019, в 00:14
1000 руб./в час
18 марта 2019, в 23:00
2000 руб./за проект