Как можно сделать, чтобы рендер компонента происходил только по нажатию кнопки?

советуй лучше

а как?

Тебе нужен вспомогательный элемент, который будет находиться ниже по з индексу, чем контент модалки. И на него тебе нужен онКлик

Neprivet.ru, и тут не только пацаны

ЗЫ Проект на gatsby, но я не думаю, что это связанно с этим.

должно воркать

не работает, при нажатии на окно закрывается все равно

https://ru.stackoverflow.com/questions/989926/Закрыть-popup-по-клику-вне-окна-react

да

Вот же я ответил

не совсем понял

проверь папку для которой ты устанавливаешь расширение

npm i @reduxjs/toolkit —legacy-peer-deps

благодарствую

div position fixed width 100% height 100%
div position absolute zindex -1 width 100% height 100% сюда вешаешь онклик
div центрируешь это
контент модалки

1️⃣ Накрутка подписчиков, лайков, просмотров, во все соц. Сети. и сервисы. Стоимостью от 17 руб за 1000 штук

2️⃣ Услугу Рассылка ВК и Телеграмм. Стоимость уточняйте у менеджера

3️⃣ Настройка контекстной, тизерной, таргет рекламы. Стоимость от 3500 руб.

4️⃣ Комбайн для Телеграмм. Выполняет такие функции: рассылка чаты/лс, инвайт, автоподписк на чаты или каналы, автоотписка, парсер, и несколько других мелких функций. Есть видео работы, по запросу в лс. Стоимость 3400 руб – навсегда обновления.

5️⃣ База чатов, для рассылки в телеграм. Разбита на категории. Общее количество более 14000 чатов. Возможна, продажа частями (по категориям). Стоимость всей базы 1900 руб. Отдельная категория – по запросу.
По всем вопросам обращаться сюда : t.me/Artemevseev2019

в стоппропагинатион скобки забыл просто)

Добавить debounce в массив зависимостей

Нет, тут сообщение про то, что eslint не видит зависимостей. Но я уже нашел решение, для debounce или throttle рекомендую использовать useMemo вместо useCallback

Ну или отдельно хуки useDebounce/Throttle поставить)

const changeStatus=(event)=>{
setOptionValue(«new»);
console.log(optionValue);
}
Извиняюсь за наверное простой вопрос
Выводит предыдущее значение, как это исправить?

const changeStatus = event => setOptionValue(«new»)

useEffect(() => console.log(optionValue), [optionValue])

Можно так

useState асинхронный вроде и его выполнение отложится по event loop. По этому корректнее отслеживать его изменение как в примере выше

Как правильно адаптировать в реакте?

@media { .class {} .class2 {} }

Мне стоит внимание обратить на хук useEffect, я правильно понимаю? И в зависимости указать только кнопку?

Сделай переменную, которая получет значение инпута по кнопке

Нет, тебе надо использовать useState и по нажатию кнопки менять его на тру, и если тру, выводить текст

Что это?

медиа запросы