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

Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
12 показов

Помогите пожалуйста, я уже ничего не понимаю.... Проблема заключается с jwt токеном Invalid token specified: must be a string

Проект делаю для себя в качестве ознакомления. Не могу понять почему постоянно отправляет ошибку, Invalid token specified: must be a string. Появляется она после декодирование кода, когда хочу ...
школьни к's user avatar
0 голосов
0 ответов
3 показа

Как изменить стейт слайса из экшена другого слайса в redux toolkit?

У меня React приложение на typeScript. Я использую redux-toolkit. Перешел я на него недавно, ранее пользовался обычным редаксом. У меня есть два слайса, первый user - он хранит в себе токен и инфу о ...
cheerful_weasel's user avatar
0 голосов
0 ответов
7 показов

ошибка с массивом в redux

import { useDispatch, useSelector } from "react-redux"; function App() { const dispatch = useDispatch(); const cash = useSelector((state) => state.cash.cash); const customers = ...
Timur's user avatar
  • 11
0 голосов
0 ответов
21 показ

Не работает скрипт анимации nextjs 14

Разбираюсь с nextjs 14(Пользовался react года 3 назад) Пытаюсь адаптировать https://codepen.io/bradtraversy/pen/dJzzdB Split Landing Page для next 14 Js скрипт для анимации не работает const left =...
MatteyGG's user avatar
0 голосов
0 ответов
18 показов

не работает patch запрос node js react has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

есть обработчик который передаёт formData в запрос const handleUpdateProfile = async () => { try { const formData = new FormData(); formData.append("id&...
Ivan Kulish's user avatar
-1 голос
0 ответов
29 показов

Получение данных с сервера по API

Практикую разработку сайта на React и столкнулся с такой проблемой: при получении данных одного товара с сервера по API он возвращает его title, desc, price... , category_id = 1, coutry_id:2 ...И ...
Bogdan 's user avatar
0 голосов
0 ответов
7 показов

Как настроить swiper в react чтобы слайд всегда был по центру. А если они не помещаются, то первый слайд разрезается и добавляется с краю

Как сделать так, чтобы первый слад разрезался так, чтобы какой-то элемент был по центру, а вторая часть первого слайда добавилось с права? так быть не должно слайд с права должен добавить невидимую ...
PovarCoda's user avatar
0 голосов
0 ответов
25 показов

Падает билд приложения на React, Vite. Используем Ubuntu 20.04

При билде приложения вылетает подобная ошибка: 0.401 yarn run v1.22.19 0.426 $ vite build 0.641 vite v4.5.1 building for production... 0.673 transforming... 3.732 ✓ 868 modules transformed. 3.733 ✓ ...
kuz4dev's user avatar
0 голосов
1 ответ
58 показов

Перемещение видимой области на картинке с учетом всех соотношений сторон (React)

У меня есть область для загрузки изображения с соотношением сторон 4:3. После загрузки появляется сетка из различных соотношений: 1:1, 3:4, 16:9, 16:5. В центре этой сетки находится видимая область, ...
euorphans's user avatar
0 голосов
0 ответов
18 показов

Не отрисовывается компонента после Context.API

Убрал props'ы и решил добавить в свой проект Context.API. После этого перестала отрисовываться компонента // Файл с контекстом import React from "react" const StoreContext = React.createContext(...
Кирилл's user avatar
-1 голос
1 ответ
37 показов

ошибка с redux - нельзя вызвать метод getState() у undefined

Начал изучать redux и при таком коде: import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App.jsx"; import { createStore } from "...
Timur's user avatar
  • 11
0 голосов
0 ответов
38 показов

Module parse failed: Unexpected character '#' (7:2) File was processed with these loaders:

Кто-то сталкивался с чем-то подобным? Контекст: Примерно неделю назад проект на React работал нормально, все было в порядке. Примерно в тот же период я начал работать над новым проектом, на этот раз ...
Tryerman's user avatar
0 голосов
0 ответов
22 показа

Настройка собственной библиотеки

Подскажите, пжлста, собрал свою небольшую библиотеку на rollup, можно ли как то сделать чтобы при импорте компонента не надо было отдельно импортировать стили из nodemodules, а они сами подцеплялись в ...
Jesys_cyclist's user avatar
0 голосов
0 ответов
24 показа

Как организовать обмен сообщениями между страницей и расширением chrome?

Всем привет! Впервые пишу вопрос и расширение для Гугл хрома и мне нужно связать свой сайт с этим расширением с помощью сообщений. Манифест имеет поля: "content_scripts": [{ "...
Korobov Oleg's user avatar
0 голосов
0 ответов
21 показ

при вводе токена в исмнии нужно что бы выводился один пользователь с таким токеном express.js

при регистрации присваиваеься токен, после если смотреть информацию о пользователе по токену должн высвечиваться один пользователь, но у меня высвечиваються все пользователи помогите решить эту ...
Екатерина Петрова's user avatar
0 голосов
0 ответов
13 показов

React Styled Component слайдер в слайдере Swiper js

На странице 2 слайдера. Первый отвечает за пролистывание периода (например, 1987-1991, 1992- 1995, 1996 - 2000 и т д), второй - за пролистывание событий в периоде по каждому году (например, 87, 88, 89,...
dunaissa's user avatar
0 голосов
1 ответ
16 показов

Как вывести данные из объекта React JS

Всем привет, я только учу JS, React. Помогите советом. Есть форма для заполнения данных об авто. Выглядит примерно вот так, данные в carData.json <select name='carBrand'...
Александр's user avatar
0 голосов
0 ответов
14 показов

не получается установить npm пакеты и даже yarn add выдает ошибку

Код ошибки: C:\Users\m\Desktop\Anw\projectDg\projectdg>npm i react-icons npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: [email protected] npm WARN Found: ...
Maya_g's user avatar
  • 1
0 голосов
0 ответов
11 показов

Открытие модального окна с использованием query.params в Next.js

При открытии модального окна, делающего запрос на бэк из данных полученных через query.params сайт крашится. Первая причина которая мне приходит в голову, это то, что next.js старается найти такую ...
Suliman's user avatar
0 голосов
1 ответ
12 показов

Получение данных из rtkQuery

Всем привет у меня есть фукнция из rtkQuery, из которой я получаю состояние isLoading. Мне нужно это состояние использовать в другом (родительском) компоненте. Но я не хочу прокидывать несколько props,...
Fedor's user avatar
  • 1
0 голосов
0 ответов
19 показов

Не могу из fetch обратиться к функции в классе JS REACT [дубликат]

пользователи. Мне необходимо изменять текст отображенный после рендера React компонента. Вопросов с обычными цифрами и строками не возникает, но дело дошло до массива. Начал использовать state внутри ...
Vladimir bab0n Stern's user avatar
0 голосов
0 ответов
20 показов

Как в React поставить значение по умолчанию и в селекте, и в стейте?

Делаю отображение фильмов из кинопоиска с помощью react и mui. Есть фильтрация, данные с которой достаются из массива объектов в формате:[ {id: 0, title: "Популярности"},{...}] и т.д. В ...
zevess's user avatar
  • 13
0 голосов
0 ответов
13 показов

ERROR props.postCount.map is not a function

// Здесь происходит рендер import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import reportWebVitals from './reportWebVitals'; import store from './redux/state....
Кирилл's user avatar
0 голосов
0 ответов
31 показ

Пытаюсь передать данные на сервер в БД с фронта (react). В списке выбираю из 4 категорий любую, но в итоге передается значение null в БД

Я только изучаю react и ни как не могу передать некоторые данные, они приходят со значением null вот пример выбираю категорию из списка, но приходит пустое значение { "original_name": &...
Андрей's user avatar
0 голосов
1 ответ
24 показа

Как обрабатывать новую строку в JSON

Всем привет, Для понимания опишу структуру проэкта: если кратко то это можно назвать Headless Wordpress или Headless CMS, у меня есть админпанель на вордпресс, основное приложение на React Next.js, на ...
Yuriy's user avatar
  • 1
-1 голос
0 ответов
27 показов

Как связать фронтенд на React.js и бэкенд на iohttp? [закрыт]

Занимаемся реализацией клона настольной игры "Эрудит". Определились со следующим стеком: фронт на React, а бэкенд на iohttp python, т.к. требуется работа с http-запросами и их обработка, а ...
Gerya's user avatar
  • 7
3 голоса
1 ответ
58 показов

Условный оператор не учитывает изменения условия

У меня есть React компонент, представляющий форму с инпутами (Текст, Числа, Дата). В инпуте даты есть значение по умолчанию - сегодня(today). Я использую один этот компонент для двух функций: создания ...
Caplex's user avatar
  • 33
0 голосов
0 ответов
13 показов

При изменении состояния в компоненте, происходит остановка скролла на устройства iPhone

У меня есть компонент MobileNavigationSlider, его код будет ниже. Также есть кастомный хук useScrollFixed, код которого тоже будет ниже. Трудность заключается в том, что я не могу корректно определить ...
user avatar
0 голосов
0 ответов
26 показов

Мобильная клавиатура перекрывает поле ввода

Сайт открывает в Telegram Web App. Когда пытался делать сдвиг(с помощью js) при нажатие на input ничего не работало. На сайте почему-то всё работало *всё работает на react
Lwich's user avatar
  • 1
0 голосов
0 ответов
4 показа

как мне испозовать код из useEffect в redux редюсер и можно ли в в redux использовать итерации?

const {Products} = useSelector(state=>state.Data) const dispatch = useDispatch() useEffect(()=>{ [...Products]?.map((item) => { const text = item.name.toLocaleLowerCase() ...
Юсуп Адилханов's user avatar
0 голосов
0 ответов
8 показов

У меня не запускает apk. Само приложение создано react native expo. Выдаёт ошибку "couldn't find DSO to load: libjscexecutor.so"

После создания билда через expo выдаёт ошибку: 2023-11-22 23:43:42.453 10010-10010 fb-UnpackingSoSource pid-10010 I dso store is up-to-date: /data/user/0/com....
Артем Дегтярьов's user avatar
0 голосов
0 ответов
10 показов

Ошибка auth/argument-error при нажатии кнопки авторизации

хочу использовать авторизацию через гугл аккаунт, используя firebase, но выдает ошибку auth/argument-error firebase.ts const firebaseConfig = { apiKey: "XXXXXXXXXXXXXX", authDomain: &...
Artur's user avatar
  • 1
0 голосов
0 ответов
29 показов

Построение мульти маршрут в Яндекс Карте

Всем привет! Снизу прикрепил картинку, и хочу спросить, есть ли какой-то вариант в яндексе построения таких маршрутов с кастомными точками(В плане свои исконки, текст). Желательно пример с реакт кодом....
Danber's user avatar
  • 1
0 голосов
0 ответов
21 показ

в .tsx файле ошибка на импорте других .tsx файлов

Делаю проект через Webpack с использованием React и TypeScript. У меня есть main.tsx файл: import * as React from "react"; import * as ReactDOM from "react-dom/client"; import App ...
RochiFox's user avatar
0 голосов
0 ответов
12 показов

Как мне передать className пропсу в React

Есть функция, которая создает пользователя, как добавить пропсу symbol className. Сейчас есть строка, но она не принимает классы, размер такой же, как изначально. У svg стоят пропсы className <div ...
Sailorjklh's user avatar
0 голосов
0 ответов
12 показов

Исключить файлы с тестами из сборки webpack

подскажите как исключить из сборки вебпака файлы с тестами .test.ts, .test.tsx. Я специально в файле с тестом делаю ошибку типо const str: string = 123; И запускаю npm run build. Сборка не проходит ...
ivan sldtkn's user avatar
0 голосов
0 ответов
17 показов

Нужно получить несколько ответов от сервера сделав один запрос

Суть таски такова: Есть страница, на которой можно выгрузить на сайт все посты, и в момент ожидания окончания должны приходить ответы от сервера на каком этапе сейчас идет выгрузка. В консоли удается ...
David's user avatar
  • 1
1 голос
1 ответ
44 показа

GSAP Не повторяет анимацию при повторном заходе на страницу

Анимация проигрывается пока я нахожусь на странице впервые, после того как я выхожу и захожу обратно - анимация перестает проигрываться Я пробовал: timeline ложить в useRef gsap.context и в ...
Zhulinskii Danil's user avatar
0 голосов
1 ответ
46 показов

Возникает предупреждение в yandex maps API: "Warning: The tag <ymaps> is unrecognized in this browser."

Подскажите, пожалуйста, как решить проблему с возникающим варнингом yandex maps API в React : Warning: The tag <ymaps> is unrecognized in this browser. If you meant to render a React component, ...
Pavel's user avatar
  • 457
0 голосов
0 ответов
5 показов

Как использовать reachGoal яндекс метрики в связке с реакт

Такой вопрос, в справке яндекс метрики указываются варианты подключения целей в общих чертах, в основном с использованием ванильного js или jQuery, соответственно такой вопрос как использовать ее в ...
Andrew Sadikov's user avatar
0 голосов
1 ответ
23 показа

Не понимаю в чём дело, ошибка ts(2322)

{props.tasks.map((t) => { const onChangeTitle = (value: string) => { props.onChangeTitle(t.id, value, props.id); }; return ( <li key={t....
Timur's user avatar
  • 11
1 голос
0 ответов
26 показов

Сборка сайта на React JS - на Gulp делать верстку, а на WebPack - собирать приложение?

Я хочу написать простой лендинг, а потом делать его на React JS. Объясните, пожалуйста, правильный ли такой ход действий: Сверстать сайт в сборщике Gulp4(папка layout) Создать папку(допустим project) ...
Марина Алферова's user avatar
0 голосов
0 ответов
15 показов

Облачный сервер, как заставить приложение работать без моего ПК

У меня есть проект, он лежит на облачном сервере, папка server - отвечает за сервер, там я разворачиваю сервер на express, запустить код из это папки можно с помощью npm run dev, также у меня есть ...
kvantoniY's user avatar
0 голосов
0 ответов
13 показов

Почему в React.js одна magnet ссылка работает с webTorrent, а другая нет?

Я нашел код на codesandbox: [1]: https://codesandbox.io/s/gallant-feynman-mvwjd9?file=/src/App.js С использованием webTorrent библиотеки в React.js для стрима видео или фильма. В этом примере при ...
YungJabo's user avatar
0 голосов
0 ответов
21 показ

Как подключить локализации в URL с динамической заменной языка React Js

Сейчас делаю сайт с локализацией на 3-х языках. Переводы и кнопки для переключения уже настроил страницы переводятся. Сейчас мне нужно добавить локализацию в URL для чтения гуглом , а именно при смене ...
Yevhenii Biloshapka's user avatar
0 голосов
0 ответов
7 показов

Ошибка в UseQueryClient

В консоли просит передать в аргумент массив, что я, вроде как, и делаю, так же что queryKey undefined. Подскажите, в чем проблема? В упор ее не вижу.. Ошибки в консили: As of v4, queryKey needs to be ...
Dmitry Krylov's user avatar
1 голос
1 ответ
50 показов

Стоит ли удалять из DOM ушедшие за кадр элементы карусели в React.JS?

Всем привет, на главной странице сайта (джуновский пет-проект) есть две однотипные карусели, под которые я делаю компонент. В одной карусели отображаются популярные товары, а во второй товары на ...
Dr. Vladson's user avatar
0 голосов
0 ответов
25 показов

Не подгружается картинка через background-image

Обратите внимание на div с картинкой, не могу через стили вставить картинку. Проблема именно с div'ом почему-то. Пытался засунуть с помощью - все получилось, путь верный. А когда точно так же делаю с ...
Salvadore Wh1te's user avatar
0 голосов
0 ответов
18 показов

Как в react-leaflet при клике на карту получить адресс (улицу, дом и т.д.)?

Необходимо чтобы при клике на карту отображался адрес (улица, дом и т.д).Сейчас при клике у меня есть широта и долгота. Как это реализовать? Отправлять запрос с широтой и долготой?
Smile_mask's user avatar
0 голосов
1 ответ
32 показа

Условное появление аттрибута работает в React, но не работает в Next.js?

Почему в Next.js отмеченная строка при false отображается в html, как data-text-btn-active="false"? Вместо того, чтобы не отображаться вовсе? Это boolean значение. Я только что в реакте ...
En Kratia's user avatar