Вопросы с меткой [reactjs]
Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.
3,714
вопросов
1
голос
2ответа
38 показов
Два if в тернарном операторе react if else
React. Опишу свою проблему на банальном примере. Допустим, есть переменная
let user = 'Ivan'
Могу ли я в jsx создать такой тернарный оператор проверки if else, который будет иметь два if и один else ...
1
голос
1ответ
54 показа
Как сравнить два массива и изменить значение обьекта в нем, если объекты одинаковые?
Нужно сравнить два массива. Рюкзак и лут который выпал. И если выпала эссенция, то нужно в рюкзаке к нужной эсенции изменить значение count и добавить все вещи и лута
const bag = [
{
...
0
голосов
0ответов
11 показов
Есть смысл использовать Next.js на стороннем сервере?
Ребята, приветствую. Сейчас рассматриваем вариант перенести react-приложение созданное на основе create-react-app на Next.js. Для хостинга не планируем использовать Vercel. Посдкажите нормально будет ...
0
голосов
0ответов
11 показов
Rreact Native проблема с активностью кнопки
При заполнении не правильного номера телефона клиента которого нет в базе
Я его удаляю в текстовом поле но кнопка далее активна
Как сделать в момент удаления кнопку далее не активной.
<Text style={...
0
голосов
2ответа
61 показ
Как оптимизировать данный код Javasript?
написал код, работает все хорошо, но мне кажется можно было бы куда лучше оптимизировать.
const [working, setWorking] = useState(true)
const workTime = () => {
const simpleNotWorking = [6, 7]
...
1
голос
0ответов
23 показа
Как в Material UI добавлять динамично дочерние элементы?
Мне нужно в Grid добавлять ссылки Link
import React, {Component} from 'react';
import Grid from "@material-ui/core/Grid";
import Container from "@material-ui/core/Container";
...
0
голосов
1ответ
25 показов
Не срабатывает изменение state при помощи localstorage при обновлении страницы
В приложении есть анимация двигающая заголовок лево/право в зависимости от параметра в родительском state titleState:false/true,. Сам анемируемый элемент находится в дочернем компоненте.
Нужно ...
0
голосов
0ответов
27 показов
Timer(counter) из localstorage в useEffect
Идея в том, чтобы хранить время последней пересылки как таймстамп в локалсторадже.
При заходе на страницу получать его и высчитывать разницу во времени.
Есть счетчик, который отсчитывает 60 секунд.
...
0
голосов
0ответов
16 показов
Создание новой пустой страницы
Сейчас мой весь проект состоит из одной только страницы(интернет магазин). Я хотел добавить еще одну пустую страницу, создал path /checkout. Но при в воде localhost:3000/checkout, страница грузит ...
0
голосов
1ответ
27 показов
Как автоматически передать props через Context во всем приложении? (React js)
Попытаюсь описать свой вопрос более подробно...
Я хочу сделать так, чтобы в моем приложении язык грузился из Redux store.
Могу прокинуть пропсы через mapStateToProps , но так придется делать в каждом ...
-2
голоса
0ответов
17 показов
Не добавляется новая строчка в таблицу в react, но консоль ошибок не выводит
ниже представлен код который выводит строчки таблицы а так-же конпки удаления и добовления строк
но кнока удаления не работает хотя в консоли ошибок нет и все остальное работает исправно
функция ...
1
голос
2ответа
26 показов
Как запретить ввод букв в числовое поле инпута в библиотеке Ant Design (React js)
Пытаюсь настроить числовое поле инпута (InputNumber https://ant.design/components/input-number/) так, чтобы в него не вводились никакие символы и буквы, кроме цифр. Стандартное поведение инпута в ...
1
голос
0ответов
12 показов
React TS Скормить картинку в video елемент и указать длительность
Появилась задача...
Есть картинка Example.jpg
Есть video html5 елемент в React приложении
Есть длительность псевдовидео
Вопрос: Есть ли возможность создать видеофайл(из картинки) который скушает ...
0
голосов
0ответов
23 показа
Десктоп меню и мобильное меню это разные компоненты?
Пробую reactjs, и хочу разобраться в компонентах.
Меню для ПК версий и моб.меню писать, как разные компоненты или как один?. Пункты меню абсолютно одинаковые, отличаются лишь расположением и вывод ...
0
голосов
0ответов
25 показов
Redux структура loading & error
Как организовать loading & error в redux initialState? Постоянно видел, что в initialState есть один loading и error. Но как быть с разными страницами и компонентами, которым нужен свой loading и ...
0
голосов
0ответов
9 показов
Почему собранное приложение electron не отображает файлы?
У меня есть реакт приложение, и когда я загружаю его в файле main.js (который является главным файлом для electron) через команду electron main.js — всё работает. Это работает как при трансляции(не ...
0
голосов
1ответ
26 показов
Автоматическое выделение чекбокса “Все” при нажатии на все другие чекбоксы v.2
Вот весь мой код, связанный с этой проблемой.
FilterBox.jsx
import React from 'react';
import classes from './filter-box.module.scss';
const FilterBox = ( props ) => {
const { filterData, ...
0
голосов
0ответов
15 показов
Как проверить пользователя на оффлайн?
Нужно как-то проверить пользователя когда он не в онлайн. Как это реализовать? MERN stack
1
голос
1ответ
19 показов
Выходит ошибка TypeError: Cannot read property 'location' of undefined
Все сделал как надо. Но почемуто спрашивает location, я не знаю в чем проблема. За ранее спасибо
Вот мой код :
import './App.css';
import About from './Components/jsx/About';
import Content from './...
0
голосов
1ответ
17 показов
JavaScript как просуммировать все значения массива за период дат
Буду благодарен за помощь. Нужно просуммировать данные из массива за период дат, а конкретнее за месяц по ключу money. Сума должна быть общая за последний месяц. В одном случае должен быть общий ...
-1
голос
1ответ
25 показов
При выводе в консоль массива он пустой, но нет (массив Шрёдингера)
При обращении к firebase получаю response и заношу данные во внешний массив который был задан до этого, и все данные заносятся, но в консоле показывается [ ], но при открытии там есть все данные. ...
0
голосов
2ответа
29 показов
Автоматическое выделение чекбокса “Все” при нажатии на все другие чекбоксы
Необходимо с помощью react-redux реализовать данный функционал
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'CHECKED':
if (action.id === 1)...
0
голосов
0ответов
28 показов
Не работает приложение на ReactJS
Опишу коротко, не работает сайт на ReactJS.
Проблема такова, когда я использую "npm run build" он собирается у меня в папку "build"
после чего я беру любой хостинг и запуливаю ...
0
голосов
0ответов
11 показов
Хостинг React приложения через OpenServer на домашнем компьютере
я не хочу тратиться на хостинги, поэтому решил захостить свое приложение на своем пк. Так вот возможно ли захостить React приложение через OpenServer. Доменное имя уже зарегистрировано.
0
голосов
0ответов
4 показа
Как получить и создать кордината Yandex Map Polygon на React?
const RegionModal = ({ item, onOk, region, loading, services, modalType, formItems, onMapClick, getService, isServiceLoad, closeMap, openMap, openDraw,...modalProps }) => {
const [form] = Form....
0
голосов
1ответ
18 показов
проблемы рендеринга при использовании useEffect
Хочу сделать сортировку массива по алфавиту А-Я и Я-А, для этого при нажатии на кнопку фильтра меняю state с условиями сортировки. После запускается useEffect где и происходит сортировка массива, но ...
0
голосов
0ответов
18 показов
WordPress + SPA (React)
Есть такая задумка, есть сайт на WP, к нему хочу добавить SPA приложение написанное на React/Redux (будет размещаться на поддомене или в каталоге), затем еще мобильное приложение.
https://site.com/SPA
...
0
голосов
0ответов
23 показа
Выделение района на карте (Yandex map)
Есть поле ввода в котором пользователь вводит административный округ, допустим "ЮЗАО"
Необходимо, чтобы на карте произошло выделение этого округа, как например здесь
https://i.stack.imgur....
-2
голоса
1ответ
28 показов
Почему ошибка?я новичек и только начал изучать react и вк апи
вот отрывок кода где выдаёт ошибку
const storageData = await bridge.send('VKWebAppStorageGet', props:{
keys: Object.values(STORAGE_KEYS)
});
вот сама ошибка
SyntaxError: C:\Users\megat\minini\src\...
0
голосов
0ответов
32 показа
React - событие mousemove работает как click
Делаю ползунок на React, который можно перемещать в определенном диапазоне.
Принцип простой: на ползунок вешаю onMouseDown который на document вешает mousemove и mouseup.
В codepen все работает.
...
0
голосов
0ответов
24 показа
Mouse Event target parent всегда null
Я использую 3 компонента: Chip-input, autocomplete-input and item list. (Компоненты справа вложены в те, что слева).
Chip input добавляет слушатель клика на всю страницу.
Он ищет родителя элемента, на ...
0
голосов
0ответов
7 показов
Как отправить push уведомление на iOS с PWA?
Да, ответ есть - никак. Apple не поддерживает пока PWA так, как многим хотелось бы, а push вообще их не интересует.
Но есть такая тема
sending-push-notifications-to-ios-from-pwa
Через Firebase вроде ...
1
голос
0ответов
11 показов
Сделать запись в публичный файл в React
В package.json есть поле с версией приложения.
Нужно что бы эта версия записывалась в файлик(txt или json) в папке public (что бы данные о версии можно было посмотреть по прямому адресу, например ...
0
голосов
1ответ
24 показа
React-hook-form. Проверка отдельного input на валидность
Имеется некий input валидация которого реализована с помощью react-hook-form. При submit-e формы проверяется input, если условия(required, minLength, maxLength) не соблюдены input-у присваивается ...
0
голосов
0ответов
5 показов
React create a matrix x*y
I have a question to how create a simple matrix in React use hooks and functional components.
Here details:
A matrix should be like x * y (rows, cols)
The value of the place of suppression - the ...
0
голосов
0ответов
12 показов
Как предотвратить переход по ссылке. React js. React-router
Я использую bootstrap в своем проекте и пытаюсь настроить переход по ссылкам при согласии пользователя. Для этого я использую <Promt message='Are you sure'/> (пробовал через history.block - ...
0
голосов
0ответов
26 показов
Поиск видео по названию
Создавал компоненту поиска видео по названию, с переходом на новую страницу(по принципу ютуба)
Снова возникли вопросы, пытаюсь код внедрить в проект, на данный момент выдает ошибку
Коды следующие: В ...
1
голос
1ответ
42 показа
Как реализовать восстановление здоровья в оффлайне?
Как можно реализовать пополнение здоровья(def) героя на 10% за одну минуту. Просто я думал что нужно запрос на изменения кол-ва отправлять на сервер. Но если юзер не онлайн, то как это сделать? mern ...
0
голосов
2ответа
32 показа
JavaScript сума значений массива по пользователю за текущую дату
В js я абсолютный новичек. Нужно разобраться с задачей. Есть массив данных:
{
"id": 30,
"agent_id": 180,
"first_name": "Daniel",
"last_name&...
0
голосов
0ответов
19 показов
Как установить и запустить emulator без установки android studio
Пилю небольшой проект на react-native. Пересел на более слабую машину, на которой android-studio не пашет. Точнее может подняться из-за не хватки ресурсов самой машины. Я решил поставить emaulator без ...
0
голосов
0ответов
10 показов
после установки пакета webpack-5-react-scripts выходит ошибка
В проекте используется create-react-app. После того, как сервере перестало билдиться с конфликтом webpack < 5, установила пакет webpack-5-react-scripts, и ошибка прошла, билдится и на сервере, и ...
0
голосов
0ответов
10 показов
Передать функцию из компонента в webpack
Всем привет. Возникла проблема. Делаю приложение на React Js. Есть файл index.js:
import React from 'react';
import ReactDOM from 'react-dom';
const SayHello = () => {
return <h1>Hello!<...
0
голосов
1ответ
19 показов
Как сделать так чтоб если у человека в адресной строке указан неверный путь, то сайт автоматически перебрасывал его на стартовую страницу на ReactJS
Как сделать так чтоб если у человека в адресной строке указан неверный путь, то сайт автоматически перебрасывал его на стартовую страницу на ReactJS
0
голосов
0ответов
18 показов
Можно ли из сайта на React сделать приложение?
Есть готовый адаптивный сайт на React. В нем имеется работа с загрузкой файлов с компа, онлайн трансляция с камер. Захотели сделать приложение. Один из главных моментов, что его можно будет качнуть из ...
0
голосов
1ответ
25 показов
Как задать абсолютный путь в reactJS?
Есть код:
<div className={s.loginButtons}>
<button>
<NavLink to="/login">Login</NavLink>
</button>
<button className={s....
-1
голос
1ответ
21 показ
нужна помошь! д при нажатии на кнопку возникает вот эта ошибка: Unhandled Runtime Error TypeError: Cannot read property 'map' of undefined
import React, { useState, useEffect } from "react";
import { makeStyles } from "@material-ui/core/styles";
import Table from "@material-ui/core/Table";
import TableBody ...
0
голосов
1ответ
23 показа
Как избавиться от ошибки Assignments to the 'variable' from inside React Hook useEffect will be lost after each render
Как избавиться от предупреждения:
Assignments to the 'torrentFile' variable from inside React Hook useEffect will be lost after each render. To preserve the value over time, store it in a useRef Hook ...
0
голосов
1ответ
22 показа
Как можно сделать более красивое форматирование?
<div className="catalog-mobile__counter" key={cart.find(item => item.product._id === product._id) ? cart.find(item => item.product._id === product._id).quantity : "" }>
...
0
голосов
0ответов
38 показов
Можно ли значение в initial State (Redux) вставлять регулярное выражение?
Уважаемые знатоки , подскажите пожалуйста , можно ли в начальное состояние (redux) записывать условий оператор?
Я в app компоненте это делал . Мне просто интересно , можно ли делать именно так ?
0
голосов
3ответа
24 показа
Как сделать такую проверку скролла на React?
на сайте идут секции друг под другом
К примеру как на картинке( их больше 3 )
Пользователь скроллит, доходит до начало 1 секции И когда секция полностью заходит в экран( т.е верхний угол секции ...