Category: ReactJS

25
Фев
2021

Не срабатывает изменение state при помощи localstorage при обновлении страницы

В приложении есть анимация двигающая заголовок лево/право в зависимости от параметра в родительском state titleState:false/true,. Сам анемируемый элемент находится в дочернем компоненте.

Нужно сделать так что бы состояние titlestate сохр…

25
Фев
2021

Timer(counter) из localstorage в useEffect

Идея в том, чтобы хранить время последней пересылки как таймстамп в локалсторадже.
При заходе на страницу получать его и высчитывать разницу во времени.
Если прошло меньше 60 секунд – снова показывать счетчик(например что осталось 20 сек)….

25
Фев
2021

Как автоматически передать props через Context во всем приложении? (React js)

Попытаюсь описать свой вопрос более подробно…
Я хочу сделать так, чтобы в моем приложении язык грузился из Redux store.
Могу прокинуть пропсы через mapStateToProps , но так придется делать в каждом компоненте – не подходит.
Думал реализо…

25
Фев
2021

Как автоматически передать props через Context во всем приложении? (React js)

Попытаюсь описать свой вопрос более подробно…
Я хочу сделать так, чтобы в моем приложении язык грузился из Redux store.
Могу прокинуть пропсы через mapStateToProps , но так придется делать в каждом компоненте – не подходит.
Думал реализо…

24
Фев
2021

Не получается решить проблему с CORS

Пытаюсь сделать запрос к стороннему API через https.request() Браузер выдает ошибку CORS. При этом когда запрос выполняется через команду curl, все работает. Насколько я понял, именно браузер добавляет к запросу заголовки, которые вызывают…

24
Фев
2021

Не получается решить проблему с CORS

Пытаюсь сделать запрос к стороннему API через https.request() Браузер выдает ошибку CORS. При этом когда запрос выполняется через команду curl, все работает. Насколько я понял, именно браузер добавляет к запросу заголовки, которые вызывают…

24
Фев
2021

Как запретить ввод букв в числовое поле инпута в библиотеке Ant Design (React js)

Пытаюсь настроить числовое поле инпута (InputNumber https://ant.design/components/input-number/) так, чтобы в него не вводились никакие символы и буквы, кроме цифр. Стандартное поведение инпута в библиотеке Ant Design (https://ant.design/)…

24
Фев
2021

React TS Скормить картинку в video елемент и указать длительность

Появилась задача…

Есть картинка Example.jpg
Есть video html5 елемент в React приложении
Есть длительность псевдовидео

Вопрос: Есть ли возможность создать видеофайл(из картинки) который скушает video и проиграет его нужное время?
Создат…

23
Фев
2021

JavaScript как просуммировать все значения массива за период дат

Буду благодарен за помощь. Нужно просуммировать данные из массива за период дат, а конкретнее за месяц по ключу money. Сума должна быть общая за последний месяц. В одном случае должен быть общий подсчет всех данных из массива, а в втором г…

22
Фев
2021

При выводе в консоль массива он пустой, но нет (массив Шрёдингера)

При обращении к firebase получаю response и заношу данные во внешний массив который был задан до этого, и все данные заносятся, но в консоле показывается [ ], но при открытии там есть все данные. Также при ображении по ключу выдает underfi…

22
Фев
2021

При выводе в консоль массива он пустой, но нет (массив Шрёдингера)

При обращении к firebase получаю response и заношу данные во внешний массив который был задан до этого, и все данные заносятся, но в консоле показывается [ ], но при открытии там есть все данные. Также при ображении по ключу выдает underfi…

21
Фев
2021

проблемы рендеринга при использовании useEffect

Хочу сделать сортировку массива по алфавиту  А-Я и Я-А, для этого при нажатии на кнопку фильтра меняю state с условиями сортировки. После запускается useEffect где и происходит сортировка массива, но рендер уже отсортированного массива дел…

21
Фев
2021

Выделение района на карте (Yandex map)

Есть поле ввода в котором пользователь вводит административный округ, допустим "ЮЗАО"
Необходимо, чтобы на карте произошло выделение этого округа, как например здесь
https://i.stack.imgur.com/cA6Ie.png
Использую библиотеку ‘reac…

20
Фев
2021

Mouse Event target parent is null

Я использую 3 компонента: Chip-input, autocomplete-input and item list. (Компоненты справа вложены в те, что слева).
Chip input добавляет слушатель клика на всю страницу.
Он ищет родителя элемента, на которого был совершен клик (closest .a…

19
Фев
2021

Как предотвратить переход по ссылке. React js. React-router

Доброг времени суток. Я использую bootstrap в своем проекте и пытаюсь настроить пеерход по ссылкам при согласии пользователя. Для этого я использую <Promt message=’Are you sure’ /> (пробовал через history.block – аналогично)
Проблема…

19
Фев
2021

Поиск видео по названию

Создавал компоненту поиска видео по названию, с переходом на новую страницу(по принципу ютуба)
Снова возникли вопросы, пытаюсь код внедрить в проект, на данный момент выдает ошибку
Коды следующие: В компоненте Header, который подключен к …

19
Фев
2021

Как реализовать восстановление здоровья в оффлайне?

Как можно реализовать пополнение здоровья(def) героя на 10% за одну минуту. Просто я думал что нужно запрос на изменения кол-ва отправлять на сервер. Но если юзер не онлайн, то как это сделать? mern stack

const { Schema } = mongoose;

18
Фев
2021

Как сделать так чтоб если у человека в адресной строке указан неверный путь, то сайт автоматически перебрасывал его на стартовую страницу на ReactJS

Как сделать так чтоб если у человека в адресной строке указан неверный путь, то сайт автоматически перебрасывал его на стартовую страницу на ReactJS

17
Фев
2021

React – событие onChange таблицы Antd дает предыдущее значение

Я делаю парсинг из таблицы Antd в React. И моя проблема в том, что эти данные я получаю с предыдущими значениями таблицы (т.е. на событии таблицы onChange. Мне нужен совет, как получить фактические(текущие) данные из таблицы.
OnChange:
let…

17
Фев
2021

После введения запроса в поле поиска, осуществляется переход на новую страницу с названиями видео под этот запрос React

Есть компонента Feed, в ней лежит список видосов с базы данных, как реализовать то, чтоб после нажатия кнопки поиск я переходил на новую страницу с нужными видео по названию?
Часть кода feed:
<for…