Завдання

Створити компонент, який містить кнопку та текстовий абзац. Реалізувати необхідну логіку за допомогою хука useState для перемикання видимості текстового абзацу при натисканні на кнопку.

Інструкції

1. Імпортувати хук useState з бібліотеки React.
2. Оголосити змінну стану з назвою isVisible за допомогою хука useState. Ініціалізувати її значенням false.
3. Реалізувати функцію з назвою toggleVisibility, яка при виклику змінює стан isVisible між true та false.
4. Використати функцію toggleVisibility як обробник події onClick для кнопки.

1. Додати оператор import для імпорту відповідного хука з бібліотеки React.
2. Для цього завдання використовується хук useState, оскільки керується стан видимості абзацу.
3. Щоб визначити відповідну назву змінної стану, зверніть увагу на функцію, яка встановлює стан, а саме setIsVisible. Видаліть префікс "set" і використайте першу літеру з малої для назви змінної — це має бути isVisible.
4. Щоб викликати функцію toggleVisibility при натисканні на кнопку, призначте її значенням атрибута onClick кнопки.