Телеграмм чат группы react_js страница 51217

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React — русскоговорящее сообщество

13069 membersпожаловаться на группу

2021 March 22

NT

N T in React — русскоговорящее сообщество

Привет ,
есть блог на Next.js в связке с рест АПИ от вордпресса , в реакт приходит поле yoast_head в котором в виде строки вся Сео шапка для сайта , пытаюсь вывести ее через маркдаун в next/head , но некст ее не хавает и удаляет и более того переносит вообще весь head в body

Вопрос:
Кто знает есть какие то варианты как вставить в next/head строку из html так чтоб она его схавала и отрендерила ?

источник

17:01пожаловаться #1

PS

Pavel Smirnov in React — русскоговорящее сообщество

Привет
Наведите кто-нибудь на правильные мысли.
Задача: Есть некая страница на которой есть иконка и подсказка к ней. При первом заходе пользователя на страницу эта подсказка видна сразу, но как только пользователь кликнул иконке рядом с этой подсказкой, то подсказка доступна только при наведении на иконку

источник

17:02пожаловаться #2

EM

Eugene Maltsev in React — русскоговорящее сообщество

Привет ,
есть блог на Next.js в связке с рест АПИ от вордпресса , в реакт приходит поле yoast_head в котором в виде строки вся Сео шапка для сайта , пытаюсь вывести ее через маркдаун в next/head , но некст ее не хавает и удаляет и более того переносит вообще весь head в body

Вопрос:
Кто знает есть какие то варианты как вставить в next/head строку из html так чтоб она его схавала и отрендерила ?

dangerous inner html?

источник

17:03пожаловаться #3

NT

N T in React — русскоговорящее сообщество

dangerous inner html?

а куда его вписывать конкртено и что передавать в качесвте значения ?

источник

17:03пожаловаться #4

EM

Eugene Maltsev in React — русскоговорящее сообщество

а куда его вписывать конкртено и что передавать в качесвте значения ?

https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

DOM Elements – React

A JavaScript library for building user interfaces

источник

17:03пожаловаться #5

NT

N T in React — русскоговорящее сообщество

https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

DOM Elements – React

A JavaScript library for building user interfaces

нельзя в Head создавать div , в этом то и проблема

источник

17:04пожаловаться #6

E

Elmar in React — русскоговорящее сообщество

ребят, а если через createSlice создавать reducer, получается в action только одно значение (payload) можно закидывать. Если нужно более одного значения прокидывать то пользоваться createSlice не стоит?

источник

17:04пожаловаться #7

EM

Eugene Maltsev in React — русскоговорящее сообщество

нельзя в Head создавать div , в этом то и проблема

Можешь попробовать этот пропс передать в Head

источник

17:05пожаловаться #8

UC

User Concept in React — русскоговорящее сообщество

Всем привет!
Подскажите, нормальная ли это практика или есть какое-то более грамотное решение, чтобы передать данные на страницу товара с помощью деструктуризации ( на страницу каталога передаю все данные, на страницу товара передаю только данные о конкретном товаре ) <Route path="/service/:id" render={(params) => <Service {...services[params.match.params.id]} />} exact /> ?

источник

17:08пожаловаться #9

13

123 321 in React — русскоговорящее сообщество

https://prnt.sc/10skkvk

Парни где искать начало ошибки? Не могу понять

Captured with Lightshot

источник

17:12пожаловаться #10

13

123 321 in React — русскоговорящее сообщество

не могу понять где именно нужно ключ добавить. как это узнать?

источник

17:15пожаловаться #11

N

Nurdan in React — русскоговорящее сообщество

https://prnt.sc/10skkvk

Парни где искать начало ошибки? Не могу понять

Captured with Lightshot

TabPane. В методе .map()

источник

17:16пожаловаться #12

V

Vitaly in React — русскоговорящее сообщество

Ребят, кто-нибудь делал оптимистичный UI?
Когда у кнопки свой стейт, по нажатию она сразху же тогглится Enable/Disable, и на сервер отправляются запросы. Как предотвратить спам запросов?

источник

17:17пожаловаться #13

V

Vitaly in React — русскоговорящее сообщество

То есть потом с сервера приходит ответ что ок, и если стейт соответствует, то мы ее не перерисовываем, если ошибка - возвращаем состояние обратно и показываем ошибку. А как спам запросов предотвратить, если я ее 20 раз нажму?

источник

17:18пожаловаться #14

V

Vitaly in React — русскоговорящее сообщество

если тупо ее дизеблить, то это не оптимистичный UI

источник

17:18пожаловаться #15

V

Vitaly in React — русскоговорящее сообщество

на ум приходить только ставить на 1 клик флаг, что запрос уже отправлен, и остальные клики не обрабатывать с запросом

источник

17:19пожаловаться #16

N

Nurdan in React — русскоговорящее сообщество

Vitaly

Ребят, кто-нибудь делал оптимистичный UI?
Когда у кнопки свой стейт, по нажатию она сразху же тогглится Enable/Disable, и на сервер отправляются запросы. Как предотвратить спам запросов?

через debaunce

источник

17:19пожаловаться #17

13

123 321 in React — русскоговорящее сообщество

TabPane. В методе .map()

да нашел. спасибо

источник

17:19пожаловаться #18

N

Nurdan in React — русскоговорящее сообщество

Vitaly

Ребят, кто-нибудь делал оптимистичный UI?
Когда у кнопки свой стейт, по нажатию она сразху же тогглится Enable/Disable, и на сервер отправляются запросы. Как предотвратить спам запросов?

https://www.npmjs.com/package/use-debounce . Или можно свой хук написать

npm: use-debounce

Debounce hook for react

источник

17:21пожаловаться #19

В

Влад in React — русскоговорящее сообщество

https://www.npmjs.com/package/use-debounce . Или можно свой хук написать

npm: use-debounce

Debounce hook for react

https://usehooks.com/useDebounce/

Мне вот этот нравится

useDebounce

We bring you easy to understand React Hook code recipes so you can learn how React hooks work and feel more comfortable writing your own.

источник

17:22пожаловаться #20