ReactJS Toggle — Функция изменения стетйта по клику

Категория: ReactJS

Часто нам надо изменении какого-то параметра по действию, например тоглер или спойлер. Для этого нам надо изменять переменную по событию.

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

state = {isToggle: true}

Дальше делаем функцию которая будет изменять состояние

handleClick = () => {this.setState({isToggle: !state.isToggle})}

Таким образом, при вызове функции  handleClick, мы изменяем логическое значение переменной isToggle в state на противоположное ему.

Дальше мы просто вешаем вызов нашей функции например на клик по кнопке

<button onClick={this.handleClick}>Toggle</button>

Более подробно можно посмотреть в видео