Category: ReactJS

07
Май
2021

Как передавать данные между компонентами в React?

Пытаюсь понять как передать данные из одного компонента React в другой, но столкнулся с проблемой, что в Интернете, люди которые учат этому, используют примитивную систему без Router, что осложняет мою задачу.
Есть компонент один:
expo…

07
Май
2021

JWT Refresh токен как его обновлять в React?

Как обновлять refresh token на сервере и клиенте (React)???
Я просмотрел какое-то количество статей и вопросов, но абсолютного ответа не увидел, есть только пару вариантов:
1 – Отправлять токен через промежутки времени (или когда время дей…

06
Май
2021

Не могу разобраться в разработке на ElectronJS + React/Vue/Angular

Хочу написать десктоп приложение на js, и я очень запутался. Начал писать на electron + чистый js, но столкнулся с тем, что динамические элементы очень сложно реализовывать и, как я понял, React/Vue/Angular решают эту проблему. В приложени…

06
Май
2021

reference в mongodb

Уже много времени потратил в попытках сделать референс между двумя документами в mongoDB.
Структура В БД следующая
Коллекция company:
{
_id:6093dfd6e2ba3102ffdfa23a
name:"Samsung"
}

Коллекция products:
{
_id: ObjectI…

06
Май
2021

reference в mongodb

Уже много времени потратил в попытках сделать референс между двумя документами в mongoDB.
Структура В БД следующая
Коллекция company:
{
_id:6093dfd6e2ba3102ffdfa23a
name:"Samsung"
}

Коллекция products:
{
_id: ObjectI…

06
Май
2021

React Как повесить focus на input ПОСЛЕ того как элемент отрендерился на странице?

Подскажите, как сделать поле в фокусе, но после того как элемент уже отрендерился ? Пробовал через атрибут autoFocus но почему-то не отрабатывает.
Приведу простой пример из песочницы
Как сделать, что бы после нажатия кнопки Редактировать, …

06
Май
2021

React не работают события во вложенных компонентах

Всем привет
Вопрос следующий:
сам настраивал связку react + redux + webpack + babel. В итоге столкнулся с проблемой, что не работают события во вложенных компонентах. Первый console.log сработает, а вот второй нет, т.к. он вложен в компоне…

05
Май
2021

В react-dnd при старте перетаскивания делается снимок элемента с прокруткой

Проблема с реализацией Drag&Drop при помощи react-dnd.
Если у перетаскиваемого элемента имеется скролл, и в элементе только текстовое содержимое, то preview элемента делается правильно, без скрытой части.
Но как-только я добавляю внизу…

05
Май
2021

CORS React + php

Мне нужно отправить Post запрос на локальный сервер, но получаю эту ошибку:
Access to fetch at ‘http://test/reg.php’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: Request header field content-type is not allowed by A…

05
Май
2021

Удаление элементов из массива с отображаемыми блоками React

не получается удалить элемент из массива по нажатию кнопки . Кнопка классом "button-krestik" должна удалять отображаемый блок из массива вместе с которым она попала в этот массив.
Что я делаю не так?
const [itemReward,setItemRewa…

05
Май
2021

React.js и Socket.io

такая проблема – разрабатываю сайт на react.js с socket.io. Я открываю соединение через socket.io с сервером и беру некоторые данные по socket.on(‘getAllUsers’), когда хочу сохранить их в переменную через useState(), то происходит бесконеч…

04
Май
2021

Почему react-redux-firebase не выдает список документов коллекции в firestore?

Всем привет. У меня возникла проблема при использовании библиотеки react-redux-firebase. Дело в том, что, когда я пытаюсь добавить список документов коллекции из firestore при помощи useFirestoreConnect, firestoreConnect или withFirestore,…

04
Май
2021

После сборки приложение не запускается с адреса, отличного от корневого

После сборки приложения, если в продакшене открыть сайт в корне, то все будет нормально. При перемещении по сайту все отлично.
Вот как выглядит source:

Но если я попытаюсь перейти к URL-адресу, отличному от корневого, например /profile, т…

03
Май
2021

Как установить максимально и минимальное значение для Input type number React/JSX?

Дело в том что в теге number я указал значения для min и для max. Если изменять число стрелками, то все ок , но если вводить число с клавиатуры, то можно свободно ввести число меньше минимального значения и больше максимального.
<input …

02
Май
2021

Как создать отдельный дизайн для сайта на React под мобильные устройства без поддомена

Раньше был такой плагин как react-useragent, но почему-то он не желает устанавливаться в проект,так вот с его помощью можно было сделать так чтоб какие-то элементы показывались тока на мобилках, а какие-то только на компьютере. Чем его се…