Вопросы с меткой [reactjs]
Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.
6,623
вопроса
0
голосов
0
ответов
12
показов
Помогите пожалуйста, я уже ничего не понимаю.... Проблема заключается с jwt токеном Invalid token specified: must be a string
Проект делаю для себя в качестве ознакомления. Не могу понять почему постоянно отправляет ошибку, Invalid token specified: must be a string. Появляется она после декодирование кода, когда хочу ...
0
голосов
0
ответов
3
показа
Как изменить стейт слайса из экшена другого слайса в redux toolkit?
У меня React приложение на typeScript. Я использую redux-toolkit. Перешел я на него недавно, ранее пользовался обычным редаксом.
У меня есть два слайса, первый user - он хранит в себе токен и инфу о ...
0
голосов
0
ответов
7
показов
ошибка с массивом в redux
import { useDispatch, useSelector } from "react-redux";
function App() {
const dispatch = useDispatch();
const cash = useSelector((state) => state.cash.cash);
const customers = ...
0
голосов
0
ответов
21
показ
Не работает скрипт анимации nextjs 14
Разбираюсь с nextjs 14(Пользовался react года 3 назад)
Пытаюсь адаптировать https://codepen.io/bradtraversy/pen/dJzzdB Split Landing Page для next 14
Js скрипт для анимации не работает
const left =...
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&...
-1
голос
0
ответов
29
показов
Получение данных с сервера по API
Практикую разработку сайта на React и столкнулся с такой проблемой: при получении данных одного товара с сервера по API он возвращает его title, desc, price... , category_id = 1, coutry_id:2 ...И ...
0
голосов
0
ответов
7
показов
Как настроить swiper в react чтобы слайд всегда был по центру. А если они не помещаются, то первый слайд разрезается и добавляется с краю
Как сделать так, чтобы первый слад разрезался так, чтобы какой-то элемент был по центру, а вторая часть первого слайда добавилось с права?
так быть не должно слайд с права должен добавить невидимую ...
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 ✓ ...
0
голосов
1
ответ
58
показов
Перемещение видимой области на картинке с учетом всех соотношений сторон (React)
У меня есть область для загрузки изображения с соотношением сторон 4:3. После загрузки появляется сетка из различных соотношений: 1:1, 3:4, 16:9, 16:5. В центре этой сетки находится видимая область, ...
0
голосов
0
ответов
18
показов
Не отрисовывается компонента после Context.API
Убрал props'ы и решил добавить в свой проект Context.API. После этого перестала отрисовываться компонента
// Файл с контекстом
import React from "react"
const StoreContext = React.createContext(...
-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 "...
0
голосов
0
ответов
38
показов
Module parse failed: Unexpected character '#' (7:2) File was processed with these loaders:
Кто-то сталкивался с чем-то подобным?
Контекст:
Примерно неделю назад проект на React работал нормально, все было в порядке.
Примерно в тот же период я начал работать над новым проектом, на этот раз ...
0
голосов
0
ответов
22
показа
Настройка собственной библиотеки
Подскажите, пжлста, собрал свою небольшую библиотеку на rollup, можно ли как то сделать чтобы при импорте компонента не надо было отдельно импортировать стили из nodemodules, а они сами подцеплялись в ...
0
голосов
0
ответов
24
показа
Как организовать обмен сообщениями между страницей и расширением chrome?
Всем привет!
Впервые пишу вопрос и расширение для Гугл хрома и мне нужно связать свой сайт с этим расширением с помощью сообщений.
Манифест имеет поля:
"content_scripts": [{
"...
0
голосов
0
ответов
21
показ
при вводе токена в исмнии нужно что бы выводился один пользователь с таким токеном express.js
при регистрации присваиваеься токен, после если смотреть информацию о пользователе по токену должн высвечиваться один пользователь, но у меня высвечиваються все пользователи
помогите решить эту ...
0
голосов
0
ответов
13
показов
React Styled Component слайдер в слайдере Swiper js
На странице 2 слайдера.
Первый отвечает за пролистывание периода (например, 1987-1991, 1992- 1995, 1996 - 2000 и т д), второй - за пролистывание событий в периоде по каждому году (например, 87, 88, 89,...
0
голосов
1
ответ
16
показов
Как вывести данные из объекта React JS
Всем привет, я только учу JS, React. Помогите советом.
Есть форма для заполнения данных об авто. Выглядит примерно вот так, данные в carData.json
<select
name='carBrand'...
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: ...
0
голосов
0
ответов
11
показов
Открытие модального окна с использованием query.params в Next.js
При открытии модального окна, делающего запрос на бэк из данных полученных через query.params сайт крашится. Первая причина которая мне приходит в голову, это то, что next.js старается найти такую ...
0
голосов
1
ответ
12
показов
Получение данных из rtkQuery
Всем привет у меня есть фукнция из rtkQuery, из которой я получаю состояние isLoading. Мне нужно это состояние использовать в другом (родительском) компоненте. Но я не хочу прокидывать несколько props,...
0
голосов
0
ответов
19
показов
Не могу из fetch обратиться к функции в классе JS REACT [дубликат]
пользователи. Мне необходимо изменять текст отображенный после рендера React компонента. Вопросов с обычными цифрами и строками не возникает, но дело дошло до массива. Начал использовать state внутри ...
0
голосов
0
ответов
20
показов
Как в React поставить значение по умолчанию и в селекте, и в стейте?
Делаю отображение фильмов из кинопоиска с помощью react и mui. Есть фильтрация, данные с которой достаются из массива объектов в формате:[ {id: 0, title: "Популярности"},{...}] и т.д. В ...
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....
0
голосов
0
ответов
31
показ
Пытаюсь передать данные на сервер в БД с фронта (react). В списке выбираю из 4 категорий любую, но в итоге передается значение null в БД
Я только изучаю react и ни как не могу передать некоторые данные, они приходят со значением null вот пример выбираю категорию из списка, но приходит пустое значение
{
"original_name": &...
0
голосов
1
ответ
24
показа
Как обрабатывать новую строку в JSON
Всем привет,
Для понимания опишу структуру проэкта: если кратко то это можно назвать Headless Wordpress или Headless CMS, у меня есть админпанель на вордпресс, основное приложение на React Next.js, на ...
-1
голос
0
ответов
27
показов
Как связать фронтенд на React.js и бэкенд на iohttp? [закрыт]
Занимаемся реализацией клона настольной игры "Эрудит". Определились со следующим стеком: фронт на React, а бэкенд на iohttp python, т.к. требуется работа с http-запросами и их обработка, а ...
3
голоса
1
ответ
58
показов
Условный оператор не учитывает изменения условия
У меня есть React компонент, представляющий форму с инпутами (Текст, Числа, Дата). В инпуте даты есть значение по умолчанию - сегодня(today). Я использую один этот компонент для двух функций: создания ...
0
голосов
0
ответов
13
показов
При изменении состояния в компоненте, происходит остановка скролла на устройства iPhone
У меня есть компонент MobileNavigationSlider, его код будет ниже.
Также есть кастомный хук useScrollFixed, код которого тоже будет ниже.
Трудность заключается в том, что я не могу корректно определить ...
0
голосов
0
ответов
26
показов
Мобильная клавиатура перекрывает поле ввода
Сайт открывает в Telegram Web App. Когда пытался делать сдвиг(с помощью js) при нажатие на input ничего не работало.
На сайте почему-то всё работало
*всё работает на react
0
голосов
0
ответов
4
показа
как мне испозовать код из useEffect в redux редюсер и можно ли в в redux использовать итерации?
const {Products} = useSelector(state=>state.Data)
const dispatch = useDispatch()
useEffect(()=>{
[...Products]?.map((item) => {
const text = item.name.toLocaleLowerCase() ...
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....
0
голосов
0
ответов
10
показов
Ошибка auth/argument-error при нажатии кнопки авторизации
хочу использовать авторизацию через гугл аккаунт, используя firebase, но выдает ошибку auth/argument-error
firebase.ts
const firebaseConfig = {
apiKey: "XXXXXXXXXXXXXX",
authDomain: &...
0
голосов
0
ответов
29
показов
Построение мульти маршрут в Яндекс Карте
Всем привет!
Снизу прикрепил картинку, и хочу спросить, есть ли какой-то вариант в яндексе построения таких маршрутов с кастомными точками(В плане свои исконки, текст). Желательно пример с реакт кодом....
0
голосов
0
ответов
21
показ
в .tsx файле ошибка на импорте других .tsx файлов
Делаю проект через Webpack с использованием React и TypeScript. У меня есть main.tsx файл:
import * as React from "react";
import * as ReactDOM from "react-dom/client";
import App ...
0
голосов
0
ответов
12
показов
Как мне передать className пропсу в React
Есть функция, которая создает пользователя, как добавить пропсу symbol className. Сейчас есть строка, но она не принимает классы, размер такой же, как изначально. У svg стоят пропсы className
<div ...
0
голосов
0
ответов
12
показов
Исключить файлы с тестами из сборки webpack
подскажите как исключить из сборки вебпака файлы с тестами .test.ts, .test.tsx. Я специально в файле с тестом делаю ошибку типо const str: string = 123; И запускаю npm run build. Сборка не проходит ...
0
голосов
0
ответов
17
показов
Нужно получить несколько ответов от сервера сделав один запрос
Суть таски такова:
Есть страница, на которой можно выгрузить на сайт все посты, и в момент ожидания окончания должны приходить ответы от сервера на каком этапе сейчас идет выгрузка. В консоли удается ...
1
голос
1
ответ
44
показа
GSAP Не повторяет анимацию при повторном заходе на страницу
Анимация проигрывается пока я нахожусь на странице впервые, после того как я выхожу и захожу обратно - анимация перестает проигрываться
Я пробовал:
timeline ложить в useRef
gsap.context и в ...
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, ...
0
голосов
0
ответов
5
показов
Как использовать reachGoal яндекс метрики в связке с реакт
Такой вопрос, в справке яндекс метрики указываются варианты подключения целей в общих чертах, в основном с использованием ванильного js или jQuery, соответственно такой вопрос как использовать ее в ...
0
голосов
1
ответ
23
показа
Не понимаю в чём дело, ошибка ts(2322)
{props.tasks.map((t) => {
const onChangeTitle = (value: string) => {
props.onChangeTitle(t.id, value, props.id);
};
return (
<li key={t....
1
голос
0
ответов
26
показов
Сборка сайта на React JS - на Gulp делать верстку, а на WebPack - собирать приложение?
Я хочу написать простой лендинг, а потом делать его на React JS. Объясните, пожалуйста, правильный ли такой ход действий:
Сверстать сайт в сборщике Gulp4(папка layout)
Создать папку(допустим project) ...
0
голосов
0
ответов
15
показов
Облачный сервер, как заставить приложение работать без моего ПК
У меня есть проект, он лежит на облачном сервере, папка server - отвечает за сервер, там я разворачиваю сервер на express, запустить код из это папки можно с помощью npm run dev, также у меня есть ...
0
голосов
0
ответов
13
показов
Почему в React.js одна magnet ссылка работает с webTorrent, а другая нет?
Я нашел код на codesandbox:
[1]: https://codesandbox.io/s/gallant-feynman-mvwjd9?file=/src/App.js
С использованием webTorrent библиотеки в React.js для стрима видео или фильма. В этом примере при ...
0
голосов
0
ответов
21
показ
Как подключить локализации в URL с динамической заменной языка React Js
Сейчас делаю сайт с локализацией на 3-х языках. Переводы и кнопки для переключения уже настроил страницы переводятся.
Сейчас мне нужно добавить локализацию в URL для чтения гуглом , а именно при смене ...
0
голосов
0
ответов
7
показов
Ошибка в UseQueryClient
В консоли просит передать в аргумент массив, что я, вроде как, и делаю, так же что queryKey undefined. Подскажите, в чем проблема? В упор ее не вижу..
Ошибки в консили:
As of v4, queryKey needs to be ...
1
голос
1
ответ
50
показов
Стоит ли удалять из DOM ушедшие за кадр элементы карусели в React.JS?
Всем привет, на главной странице сайта (джуновский пет-проект) есть две однотипные карусели, под которые я делаю компонент. В одной карусели отображаются популярные товары, а во второй товары на ...
0
голосов
0
ответов
25
показов
Не подгружается картинка через background-image
Обратите внимание на div с картинкой, не могу через стили вставить картинку. Проблема именно с div'ом почему-то. Пытался засунуть с помощью - все получилось, путь верный. А когда точно так же делаю с ...
0
голосов
0
ответов
18
показов
Как в react-leaflet при клике на карту получить адресс (улицу, дом и т.д.)?
Необходимо чтобы при клике на карту отображался адрес (улица, дом и т.д).Сейчас при клике у меня есть широта и долгота.
Как это реализовать? Отправлять запрос с широтой и долготой?
0
голосов
1
ответ
32
показа
Условное появление аттрибута работает в React, но не работает в Next.js?
Почему в Next.js отмеченная строка при false отображается в html, как data-text-btn-active="false"? Вместо того, чтобы не отображаться вовсе? Это boolean значение.
Я только что в реакте ...