Для передачи и изменения значения boolean в React можно использовать состояние (state) компонента. Состояние - это объект, который содержит данные, управляемые компонентом, и может быть изменено с помощью функции setState.
Для начала, необходимо объявить состояние компонента с помощью метода useState, предоставляемого библиотекой React. Например, мы можем объявить состояние с именем "isEnabled":
import React, { useState } from 'react'; function ExampleComponent() { const [isEnabled, setIsEnabled] = useState(false); // ... return ( // JSX компонента ); }
В приведенном выше примере мы используем хук useState, который принимает начальное значение состояния (в данном случае false) и возвращает массив из двух элементов: текущего значения состояния и функции для его изменения.
Теперь, чтобы передать и изменить значение isEnabled, мы можем использовать следующий код:
function ExampleComponent() { const [isEnabled, setIsEnabled] = useState(false); // Функция для изменения значения isEnabled: const toggleEnabled = () => { setIsEnabled(!isEnabled); } return ( <div> <p>isEnabled: {isEnabled ? 'true' : 'false'}</p> <button onClick={toggleEnabled}>Toggle</button> </div> ); }
В приведенном выше примере мы добавили кнопку "Toggle", при нажатии на которую будет запускаться функция toggleEnabled. Эта функция поменяет значение isEnabled на противоположное (true, если было false, и наоборот).
Таким образом, в React можно передавать и изменять значения boolean, используя состояние компонента и функцию setState. Данная методика позволяет контролировать и обновлять значения в реактивном режиме, отображая изменения на пользовательском интерфейсе.