Как поменять значение (true/false) переменной при клике в react.js?

Пользователь

от lori_jast , в категории: JavaScript , 9 месяцев назад

Как поменять значение (true/false) переменной при клике в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от amaya_bahringer , 9 месяцев назад

@lori_jast 

Чтобы поменять значение (true/false) переменной при клике в React.js, вы можете использовать состояние (state) компонента. Вот пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
import React, { useState } from 'react';

function MyComponent() {
  const [isClicked, setIsClicked] = useState(false);

  const handleClick = () => {
    setIsClicked(!isClicked);
  };

  return (
    <div>
      <button onClick={handleClick}>
        {isClicked ? 'Clicked' : 'Not Clicked'}
      </button>
    </div>
  );
}


В этом примере мы определяем переменную состояния isClicked с начальным значением false и функцию setIsClicked, которая изменяет значение isClicked. Затем мы определяем функцию handleClick, которая вызывается при клике на кнопку и использует setIsClicked, чтобы поменять значение isClicked на противоположное. Наконец, мы выводим кнопку, которая будет показывать текст "Clicked", если isClicked имеет значение true и "Not Clicked", если isClicked имеет значение false.