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

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

3,561 вопрос без принятого ответа или без ответа, за который были отданы голоса
Фильтрация
Сортировка
Метки
5 голосов
4 ответа
475 показов

Элемент имеет нулевые размеры при вызове offsetWidth offsetHeight в componenDidMount React

Необходимо в жизненном цикле ComponentDidMount компонента получить размеры элемента, для этого в методе render() я повесил ссылку на элемент: public render() { return ( <div ref={this.gridRef} id=...
Alexandr Antonenko's user avatar
5 голосов
0 ответов
707 показов

Как обновить данные не перезагружая страницу?

Я хочу выводить списки разных типов фильмов, для этого в хедере у меня есть три ссылки " Top rated Upcoming Now playing". Для того чтобы рендерить список фильмов я использую один компонент,...
Volodumr's user avatar
  • 193
5 голосов
0 ответов
273 показа

Redux обновляется с задержкой

Когда я обновляю Redux через компонент, само хранилище не обновляется мгновенно, а с задержкой. Почему так происходит? Использую react-starter-kit/redux Сам компонент: class ArticleList extends ...
blits's user avatar
  • 998
4 голоса
1 ответ
408 показов

Как узнать все пропсы в компоненте?

Я вытягиваю компонент из библиотеки компонентов, которую создала сама. Вот пример одного из компонентов. import React, {FC} from 'react' import styled from "styled-components" export ...
Smile_mask's user avatar
3 голоса
0 ответов
89 показов

После обновления Babel появились warning'и. (without registering it in the scope tracker)

После обновление Babel. При компиляции приложения из TypeScript в JS, появляется большое количество варнингов, которые существенно тормозят сборку. Сама ошибка: This problem is likely caused by ...
SaNFeeD's user avatar
  • 645
3 голоса
1 ответ
381 показ

Анимация полета товара в корзину на ReactJS

Меня интересует возможность реализации полёта товара в корзину. При клике "Добавить в корзину", товар должен плавно улетать в корзину. Не очень понимаю как это сделать на React или Next.Js. ...
Прохор ДжаваСкриптонит's user avatar
3 голоса
0 ответов
182 показа

Несколько useSelector или один общий?

Использую в проекте react + redux. Есть отдельный reducer для роутера: {activePage, activeSection, meta} и т.д. В App.js нужно задействовать 10 из 15 свойств routerReducer. И собственно, вопрос: ...
Vadim 's user avatar
  • 31
3 голоса
0 ответов
52 показа

Как можно улучшить этот код компонента?

Учусь писать компоненты, вот набросал. Вопрос. Можно ли работать с styled-components более удобнее? Постоянно писать подобные условия для свойств утомительно и не очень красиво, как по мне. index.js ...
Senbonzakuraa's user avatar
3 голоса
1 ответ
135 показов

Как переместить выделение на только что созданный элемент массива?

Всем привет. Имеется два окна. В первом хранится таблица с пользователями и данными о них, во второй форма для добавления и редактированния этих пользователей. Не могу придумать, как ставить фокус на ...
MarEeee's user avatar
  • 71
3 голоса
1 ответ
129 показов

Как передавать информацию о пользователях вместе с их аватаркой с node.js на react?

У меня в базе хранится информация о пользователях и путь к их аватарке. Допустим такая модель: const mongoose = require('mongoose'); const Schema = mongoose.Schema; const userSchema = new Schema({ ...
Александра Назарова's user avatar
3 голоса
2 ответа
175 показов

Трудности при выборе фреймворка для JS-разработчика для создания мобильного приложения

Давно смотрю в эту сторону. Делаю обзор технологий и примеры ЛУЧШИХ фреймворков: PWA (SW), ВЕБВЬЮ (IONIC 4.0), ТРАНСПИЛИРУЕМЫЕ В НАТИВ (RN, NATIVESCRIPT, flutter, kivy, kotlin), НАТИВ (SWIFT, java). ...
kostia7alania's user avatar
3 голоса
2 ответа
390 показов

Выводится предыдущее состояние при событии change

Почему при событии change в state'е выводится предыдущее состояние, а не измененное import React, {Component} from "react"; import axios from "axios"; import serialize from "form-serialize"; ...
 Ristek 's user avatar
3 голоса
1 ответ
173 показа

Вывод галерей в цикле

Как вывести несколько галерей в цикле, перепробовал уже "350" плагинов, ни один не решил мою проблему , может я что-то не так делаю, но суть такова , при клике на изображение у меня изменяется state и ...
 Ristek 's user avatar
3 голоса
1 ответ
78 показов

Не проходит JSON в запросах

Всем привет! Есть файл сервера на Node. В нем есть 2 запроса на добавление данных в базу и получение из базы. База подключена и работает, запросы срабатывают, но возвращают пустой объект. В чем ошибка?...
Андрей Охотников's user avatar
3 голоса
0 ответов
277 показов

Когда имеет смысл выносить код в отдельный компонент?

ИМХО: получение данных из компонента довольно затратная операция (нужно передавать callback родителя, учитывать структуру данных и т.д.) поэтому имеет смысл создавать дочерние компоненты только для ...
ravend's user avatar
  • 1,312
3 голоса
1 ответ
162 показа

в компоненте не отображает актуальный стейт стора (Mobx) при двойной деструктуризации

Есть стор mobx, представленный в виде класса, у него есть метод запроса данных через REST API На UI - нажатие на кнопку вызывает данный метод и устанавливает флаг загрузки (loadingTestRun) на true, ...
Vasilii's user avatar
  • 41
3 голоса
2 ответа
1k показов

Webpack не стартует дев-сервер

Приветствую всех! Начал разбираться в реакте, качнул курс для порядка... там есть все конфиги, и, судя по видео, у автора все работает нормально, но у меня почему-то не стартуется вебпак-дев-сервер. ...
Stanislav's user avatar
  • 1,590
2 голоса
0 ответов
22 показа

react: правильная архитектура вложенных (дочерних) компонентов

подскажите как лучше организовать работу для следующей задачи: есть хранилище данных (комментарии) по нажатии на кнопку ButtonExport (расположенная в компоненте PageMain) происходит запись данных на ...
Zhihar's user avatar
  • 37.5k
2 голоса
1 ответ
45 показов

Нужно сделать анимацию, чтобы элементы прокручивались влево и появлялись справа (без пустоты, картинки всегда движутся друг за другом)

Для справки. Использую Next.js 13.5.4, React 18, SASS 1.69.7. Данный скрин сделан при разрешении 1920x1080. При более низких разрешениях пустота пропадает, но анимация все равно разрывается в конце. ...
AmexDev's user avatar
  • 43
2 голоса
1 ответ
256 показов

Как настроить meta теги в react?

Работаю с приложением на React, роутинг на react router. Появилась нужда в сео оптимизации и добавлении на каждую страницу приложения своих мета тегов. Попробовал react helmet, но валидатор ...
Степан Снигур's user avatar
2 голоса
1 ответ
126 показов

Как передать в параметр функции кнопку, чтобы при вызове функции она отображалась React JS?

Хочу сделать такую фичу: при переключении разных диаграмм в меню для работы с ними необходимо скрыть некоторые кнопки. Если пользователь не хозяин диаграммы, я должна скрыть от него кнопки для ...
MIA's user avatar
  • 59
2 голоса
1 ответ
253 показа

typescript не показывает ошибок в пропсах

Пишу приложение на Vite + Preact + Typescript + Eslint + Prettier Проблема в том, что typescript не показывает ошибки когда я передаю незадекларированные пропсы. Так же нет ошибок когда я НЕ передаю ...
HaZcker's user avatar
  • 1,308
2 голоса
0 ответов
71 показ

Как работает вставка JS кода в React?

Возможно этот вопрос был и раньше (в чем я сомневаюсь) или даже в какой-то степени глупый, но как говорит заголовок вопроса: меня просто интересует как это все работает. Иначе говоря, как вот этот ...
DKorjey's user avatar
  • 21
2 голоса
0 ответов
84 показа

Не подтягивается переменная с повторного fetch. Запутался в коде. React

Беру из API курс валют за 30 дней. Сделал вьібор валют селекторами, куда подтянул данньіе из json, сделал два поля в которьіх подсчитьівается курс одной валютьі относительно другой. Если менять ...
trunar's user avatar
  • 23
2 голоса
1 ответ
135 показов

Почему выдается ошибка "'DesktopSize' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element."?

Почему выдается ошибка "'DesktopSize' cannot be used as a JSX component.   Its return type 'ReactNode' is not a valid JSX element."? По разному пытался, не исчезает. interface ...
ggame's user avatar
  • 63
2 голоса
0 ответов
1k показов

Как типизировать пропсы children?

Как типизировать пропсы children? Нужно получить пропсы из children Выходит такая ошибка: Property 'props' does not exist on type 'string | number | true | ReactElement<any, string | ...
tertis's user avatar
  • 21
2 голоса
1 ответ
550 показов

React: React 17 -> React 18, странное предупреждение

Вылезает предупреждение: Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn ...
Zhihar's user avatar
  • 37.5k
2 голоса
0 ответов
340 показов

Вывод списка валют на ReactJS

Я делаю приложение о стоимости валют, которое имеет 2 таблицы: Таблица стоимости всех валют (название валюты, цена, изменение за 24 часа и кнопка перехода на 2 таблицу) Таблица стоимости выбранной ...
Listopad02's user avatar
  • 1,208
2 голоса
0 ответов
59 показов

Chrome.storage.sync.get возвращает Promise из Redux state-а

Предположим, что в сторе Chrome-а хранятся данные в виде: {groupList: Array(3), groupOrder: {…}}, при первом рендере приложения, я заполняю Redux state данными (за который отвечает SET_GROUP_LIST ...
Stasia's user avatar
  • 161
2 голоса
1 ответ
4k показов

Как сделать Post запрос по нажатию на кнопку через функцию в ReactJS

Есть кнопка, при клике на которую вызывается функция handleLike, которая изменяет переменную через хук useState. Затем нужно сделать запрос на сервер API и передать данные, только что обновленного ...
Vit's user avatar
  • 21
2 голоса
0 ответов
150 показов

Ошибка util.js:109 Uncaught ReferenceError: process is not defined после установки Torus

Я хочу сделать авторизацию с помощью криптокошелька Torus. Установил torus, как написано в документации https://docs.tor.us/integration-builder/?b=wallet&lang=React&chain=Ethereum После ...
Вячеслав Полтавец's user avatar
2 голоса
2 ответа
394 показа

React-redux Provider store = undefined

Добрый день помогите решить проблему 3 день ломаю голову выдает ошибку на undefined store index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; ...
Александр Смиян's user avatar
2 голоса
1 ответ
245 показов

Можно ли получить доступ к пропсам child при итерации по Children.toArray(children) React

Всем привет. Я пытаюсь сделать компонент, в котором хотелось бы проитерироваться по массиву потомков(1) и использовать их в другом компоненте(2) + использовать один из пропсов дочернего(1) компонента ...
ДимаЭф's user avatar
2 голоса
0 ответов
212 показов

Warning: Duplicated key 'undefined' used in Menu by path []

При нажатии на один из пунктов меню подсвечивается вся панель. В консоли вылезает вот такая ошибка, хотя ключи переданы: Warning: Duplicated key 'undefined' used in Menu by path []; Но если я попрошу ...
Сергей's user avatar
2 голоса
1 ответ
881 показ

React-cookie ломает вёрстку компонента

Я начинающий в изучении react/next и сейчас пробую написать проект с фронтедом на базе next.js/ts. Возникает проблема с авторизацией, которую я пытаюсь сделать сам, без специальной библиотеки, потому ...
ebrhde's user avatar
  • 21
2 голоса
1 ответ
55 показов

как это получить в react js . добавлять классы

const slides = document.querySelectorAll('.slide'); for (const slide of slides) { slide.addEventListener('click', () => { clearActiveClasses(); slide.classList.add('active'); ...
Арам Гаспарян's user avatar
2 голоса
0 ответов
76 показов

При клике на label инпут radio не становится активным в компоненте Реакта

Есть такой компонент: function ColorItem({ color, chooseColor, id}) { return ( <li> <input type='radio' className={`${colorItemStyles.radio} ${colorItemStyles[...
qweezz's user avatar
  • 199
2 голоса
1 ответ
31 показ

Как своим компонентом обернуть другой?

Есть функциональные компонент Cell. Внутри него компонент с текстом. Таких Cell компонентов несколько. Так вот как мне его создать, чтобы в него можно было вкладывать другие компоненты? Хочу в ...
Андрей's user avatar
2 голоса
0 ответов
9 показов

как получить все book.title в массиве allbooks

import React, { Component } from 'react'; import './SearchBooks.css'; import axios from 'axios'; export default class SearchBooks extends Component { constructor(props) { super(props) ...
Anaida Saginova's user avatar
2 голоса
0 ответов
191 показ

React.js и Socket.io

такая проблема - разрабатываю сайт на react.js с socket.io. Я открываю соединение через socket.io с сервером и беру некоторые данные по socket.on('getAllUsers'), когда хочу сохранить их в переменную ...
MindDrifter's user avatar
2 голоса
0 ответов
187 показов

Как правильно делать многоязычный сайт?

Собираюсь писать сайт на реакте и столкнулась с такой мыслью. Раньше все время делала самым тривиальным способом - делала разные страницы и всё. Сейчас решила заняться этим вопросом и узнать как это ...
Алина Сотская's user avatar
2 голоса
0 ответов
348 показов

Как проверять активность пользователя на странице React?

Есть такая задачка: Когда пользователь находиться на странице и ничего не делает (просто сидит и читает статью или просто отошёл от экрана) запускается таймер и если за это время пользователь не ...
user avatar
2 голоса
1 ответ
34 показа

Не выполняется axios.get при использовании redux

Делаю страницу с отображением картинок, надо обернуть все в redux, но получаю ошибку, не могу понять в чем причина (это мой первый опыт в использовании redux), рендерится пустая страница. Буду ...
darya lewy's user avatar
2 голоса
0 ответов
356 показов

соединение Axios с React Redux

Имеется страница, на которой с помощью axios отображаются 6 картинок, при клике на которые, они открываются в полный экран, имеется задача повесить на эту страницу React-Redux,я перечитал уже всю ...
Anfieldy's user avatar
  • 103
2 голоса
1 ответ
510 показов

как отформатировать текст в форме React.js

я отправляю форму через сайт на telegram api но мне не нравится формат сообщение мне нужно каждый ${username}, ${comment} и ${phone} на новой строке должно выглядеть так: Имя: ${username} Сообщение: $...
Xena's user avatar
  • 121
2 голоса
0 ответов
40 показов

Функция работает, но картинка еле крутится

Есть картинки, которые при наведении должны крутиться по осям x и y, функция вроде как рабочая, но картинки еле крутятся и сразу останавливаются, может быть я чего-то не замечаю? import React, { ...
Anfieldy's user avatar
  • 103
2 голоса
0 ответов
120 показов

Мне нужно бесплатное API как Google Place Autocomplete

Мне нужно API с помощью которого можно реализовать поле с autocomplete для поиска города. Т.е. нужно готовое поле поиска в котором при вводе символов наименования города происходит автопобор ...
Юлька Потапчук's user avatar
2 голоса
1 ответ
926 показов

React: не скрывается выпадающее меню при выборе страницы

Начал осваивать React. Переписал свой простенький сайт под реакт. Но не могу решить одну проблему: меню открывается при клике на кнопку, но не сворачивается при выборе страницы (страница открывается ...
Valentyn's user avatar
2 голоса
0 ответов
146 показов

Почему selector внутри useSelector запускается дважды во время исполнения компонента?

Ссылка на пример const selector = (state) => { console.log("invoke Selector"); return state; }; function App() { console.log("render App"); const count = useSelector(...
nikolsqy's user avatar
2 голоса
0 ответов
189 показов

Есть ли готовые плагины для Datepicker React?

интересует вопрос про инпут с выбором даты. Есть ли какие-нибудь библиотеки для этого, где можно кастомизировать может, чтобы была кнопка "без даты" при выборе даты из календаря. ...
arisha's user avatar
  • 53