Вопросы с меткой [reactjs]


Как выполнить функцию после завершения изменения хука состояния?

reactjs javascript

Ответить

ответов 0

0

используйте useEffect, подпишитесь на изменение *setOpen и возвращайте bar() функцию

0

@meine тут тоже есть вопросы - нужно чтобы функция срабатывала именно если параметр === false, как тогда поступать?

0

сделайте проверку на false всего делов :)

0

А что делает bar ? это касается рендера или получения данных?

0

@NeedHate bar() - функция, которая проброшена из родителя. Она удаляет из DOM диалоговое окно, у которого состояние открытия/закрытия управляется хуком [open, setOpen]. Я хочу выполнять размонтирование окна сразу после его закрытия, чтобы сохранить плавность анимации закрывания окна

0

так может сделать анимацию, а потом коллбэком отправить изменение состояния? Еще проще, да, выше сказано, useEffect.

0

@NeedHate я использую Material-UI компоненты, там все анимации уже написаны за меня, не хочется такой большой велосипед строить. Да и дело даже не в контексте вопроса, частенько возникает проблема выполнения определенной функции после завершения изменения хука

Ошибка запуска приложения

Ответить

ответов 0

0

Попробуйте удалить и заного установить ( npm i ) node_modules.

0

@ceri пробовал.

бесконечная прокрутка В React

reactjs javascript

Ответить

ответов 0

0

Я бы сделал следующее. Для каждого компонента - элемента списка. Сделал бы проверку, если он во view и он последний в массиве элементов, то добавить новые например 10 элементы в список.

0

Хорошая идея, а как понять что он во view?

0

@NaviCross отметьте ответ как правильный, если он решает вашу проблему

не получается установить PWA по клику на кнопку

pwa reactjs

Узнать ответ

ответов 0

0

Первым делом нужно убедиться, что браузер поддерживает этот эвент: developer.mozilla.org/en-US/docs/Web/API/…

0

я использую chrome _ он поддерживает

React. Как добавить состояние при клике, и сбросить у других элементов?

reactjs

Ответить

ответов 0

1

то есть, как isActive сделать false, если кликнули не по этому экземпляру компонента?

0

@Август да, верно

0

Вам придется создать общее состояние всех экземплятов в родительском компоненте. если никто другой не предложит лучший вариант, я Вам дам ответ

0

@Август, я пробовал общее состояние, но как проверить на какой именно элемент был клик? Кидать много рефов?

0

вот здесь я прям похожее отвечал. если не поймете как оно реализовано и как реализовать для Вашего вопроса - я напишу заново для Вас

0

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

React + Electron

Ответить

ответов 0

0

Первая ссылка в гугле по запросу: electron react boilrplate

0

А можно с большим количеством пояснений? Там просто много кода, я не уверен, что все из этого мне нужно

0

Это готовое окружение в котором вы сможете работать, всё настроено уже за вас, вам требуется только ознакомиться с расположением рабочего пространства. Темболее по запросу вы можете найти и другие шаблоны, выбрать самый оптимальный и писать код.

Передача значения input в родительский компонент, React

reactjs

Узнать ответ

ответов 1

0

Можете дать рабочий пример в любой из песочниц?

Проблема с кодировкой и пересылкой Json

Ответить

ответов 0

0

Возможно. я даже пробовал что-то подобное всеми вариантами синтаксиса, которые знал (потому что в документации не нашел - везде задается Json). Если у вас есть предположения по синтаксису, прошу подсказать

0

Сам я не использовал никогда этот модуль, но в интернете видел что его без JSON используют. Вообще в других модулях я никогда не видел, чтобы для работы требовался json, это слишком странно например если требуется один ключ и значение, будет лишний оверхэд на сериализацию/десериализацию.

0

Выше в самом вопросе я описал, что вначале передавал просто пару значений. но в таком случае посылается OPTIONS запрос, а не POST. Если вы имели ввиду нечто другое, приведите ссылку или пример. прошу.

React как раскрыть select программно

reactjs html

Ответить

ответов 0

1

Скорее всего никак и такой возможности не предусмотрели, поскольку select элемент не реагирует даже на программный click, на который реагируют ссылки и кнопки: elem.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));. Ну или вам придется писать свой собственный select на манер выпадающего меню.

Собрать сложный объект в FormData

Ответить


0

вложенный объект так же как и простой, а файлы отдельно через append

0

Можете пример написать пожалуйста, а то я видел вообще какие-то дикие конструкции

0

пример чего? Ты же написал, что уже собирал простой объект с текстовыми полями через formdata.append(key, value) - все то же самое

0

то есть получится formdata.append(offer, {comment: 'text', price: '50'})?

0

@Grundy А с файлами получается будет выглядеть вот так formdata.append(files, [File, File])?

0

каждый файл отдельно: formData.append(name, value, filename);

0

то есть получится formdata.append(offer, {comment: 'text', price: '50'})? - а когда ты собирал простой объект с текстовыми полями ты так же писал?

0

вот так принимает сервер данные - непонятно что это за скриншот и что на нем показано

0

@Grundy нет это я для наглядности подставил значение переменных, которые туда будут подставляться в цикле

0

ну вот делаешь точно так же

0

@Grundy offer, [object Object] это нормальный вид которые получает сервер? по-моему нет

0

Давайте продолжим обсуждение в чате.