React JS создать счетчик без useState (чтобы не обнулялся)
В моем проекте есть кнопка для копирования элемента (table). При копировании каждая новая копия создается с именем и порядковым номером. При закрытии страницы стейт обнуляется, ес…
Вопросы по тегу: reactjs
- 1 ▲1 ответ.
- 0 ▲1 ответ.
Reactjs: Подскажите как удалить объект из массива, используя свойство объекта
У меня есть список задач, который содержит кнопку удаления в child, при нажатии на которую запускается событие в родительском компоненте. Я хочу, чтобы это событие удаляло запись …
- 0 ▲1 ответ.
Вывод и замена элементов через react
У меня есть отдельный js файл, в котором у меня храниться массив из объектов с данными. const destination = [ { id: 0, title: "moon", subtitle: "See our planet as y…
- 0 ▲1 ответ.
Как в React, при итерации в map, указать в src у img ссылку на файл?
Допустим, есть 3 импорта: import facebook from '../../../assets/svg/facebook.svg'; import github from '../../../assets/svg/github.svg'; import instagram from '../../../assets/svg/…
- 0 ▲0 ответ.
Как типизировать express: = require typesript
Пытаюсь типизировать конфиг вебпака и не получается типизировать данную строку пишет ошибку, как можно это типизировать? также если есть возможность посмотрите насколько правильно…
- 0 ▲1 ответ.
Удалится ли плагин если удалю его из вебпака и ещё раз сделаю install react
1)Я могу чтобы удалить плагин сделать такую команду npm uninstall <package_name> 2)Если я удалю пакет из package.json в ручную, и переустановлю все модулю у меня пакет тоже …
- 0 ▲1 ответ.
React locomotive scroll метод on()
Как в react-locomotive-scroll вызвать метод on()? const ref = useRef(null); const options = { smooth: true, lerp: 0.08, table: { smooth: true }, smartPhone: { smooth: true }, } &l…
- 0 ▲2 ответ.
Передача return на уровень выше
Столкнулся с проблемой: с помощью return получается только передать промис в следующий then, а не вернуть его из функции. Как можно решить эту проблему? Код приложил ниже const Ap…
- -1 ▲1 ответ.
Как отключить scroll при рендеринге страницы в React?
Когда искал ответ на свой вопрос, люди пишут что им наоборот нужен скролл вверх, потому что скролл остается на месте. Как они это сделали? Вообщем делаю сайт, где есть блок с филь…
- 0 ▲1 ответ.
Как поменять цвет компонента в зависимости от его числа? JS
у меня есть текст в котором отображается количество процентов: <p className='percent_style' >{`${res.percent}%`}</p> css: .percent_style { display: flex; justify-conte…
- 1 ▲1 ответ.
Общий стейт на все компоненты в мапе
Столкнулся с такой проблемой: стейт пробрасываю в нужный компонент мапом, и ожидаю что для каждого рендера итерации будет разный стейт. Пример: В App.js храню стейт, его пробрасыв…
- 0 ▲1 ответ.
Сортировка react-элементов при первом рендеринге страницы
Пишу интернет магазин. Там есть возможность отсортировать товары при необходимости. Товары - массив обьектов. Но при первом рендеринге компонента товары не фильтруются. Пробовал з…
- 0 ▲1 ответ.
насколько безопасно устанавливать расширения в лагаси режиме?
Мне нужен графический пакет для рисования графиков. Я использую версию react 18. Когда я устанавливаю, он говорит, что мне нужна версия 17 для этого пакета. могу ли я установить э…
- 0 ▲2 ответ.
Какую технологию использовать для рендеринга React на сервере в 2023?
Я первый раз делаю серьезное приложение и только сейчас понял, что нужно будет заняться ssr. Информация в поиске разная и современной почти нет. Задача: генерировать html только п…
- 0 ▲0 ответ.
ошибка в axios запросе (Request failed with status code 400)
Я использую спотифай апи для приложения. У меня есть 2 компонента, в первом я получаю token из url строки и кидаю его в UseState, и через UseContext передаю во второй компонент, г…
- 0 ▲1 ответ.
Почему компонент повторно монтируется после изменения состояния? И как исправить?
При использовании связки Context + useReducer + children, дочерний компонент GoodsFilter почему-то заново монтируется после диспатча состояния, можно убедится в этом через консоль…
- 1 ▲3 ответ.
Есть несколько инпутов range, для них одно состояние, как изменять каждый отдельно?
Есть несколько инпутов range, для них одно состояние, как изменять value каждого отдельно? Когда я перетаскиваю один из них, то изменяются все. Приложение работает логично, и это …
- 1 ▲1 ответ.
почему не могу получить элемент из массива?
хочу сделать запрос на сервер и получить объект, с этого объекта хочу получить поле weather, это массив объектов, но мне нужен только первый, и с него хочу получить поле main. Есл…
- 0 ▲1 ответ.
Ошибка 403 при запуске приложения
Началось все после деплоя думаю, но именно случилось не понимаю. Вот ошибки: А иногда выходит такое: я только учусь, поэтому не понимаю как решать такие баги package.json: { "…
- 0 ▲1 ответ.
Макеты для компонентной верстки на Vue/React/Angular
Доброго времени суток! Хотелось бы сверстать пару макетов для портфолио на Vue, но возникли проблемы с поиском этих самых макетов. Есть ли у вас какие-нибудь подходящие под компон…
- 0 ▲0 ответ.
React lazy - белый экран
Доброго времени суток! Проблема при добавлении ленивой загрузки. У меня есть страница с товарами. Есть кнопка "показать подробную информацию о товаре" - которая открывае…
- 0 ▲1 ответ.
Ошибка с json (react)
Запушил проект в github и больше ничего не трогал, утром уже проект выдает ошибку такую. Хотя ничего не менял и если проверить проект по live ссылке с github там всё работает
- 0 ▲1 ответ.
Горизонтальное позиционирование внутри React.Fragment
У меня есть вот такая компонента: import React from 'react'; import Item from "../Item/Item"; import styles from './ItemList.module.css'; const ItemList = ({cards}) =>…
- 0 ▲2 ответ.
Передача актуального state в redux-toolkit
Всем привет! Столкнулся с такой проблемой. Есть приложение на React + redux-toolkit. В бэкенде прописана логика авторизации и проверки jwt-токена. На фронте я делаю запрос на пров…
- 0 ▲1 ответ.
Как в Firebase c помощью addDoc добавить уникальный ключ в документ на React.js
Есть данные, которые должны добавляться в Firebase, и с этими данными хочу добавить уникальный ключ, который дает Firebase. Не понимаю в чем ошибка, так как не добавляется. const …
- 0 ▲1 ответ.
React JS как с помощью input checkbox изменить значение компонента (объекта)?
В моем проекте есть множество таблиц, поля которых должны отображаться/скрываться по желанию пользователя. В json у каждого поля есть свойство isVisible и оно по умолчанию true. В…
- 0 ▲1 ответ.
Как обработать 404 с кастомным ответом для пользователя через библиотеку axios?
Понимаю как дать кастомный ответ пользователю, если делать запрос через fetch, но не могу найти теперь выход как это сделать, если используешь axios? export class PokemonInfo exte…
- -1 ▲1 ответ.
Как хранить переменную в функциональном компоненте React?
Как хранить переменную внутри реакт функционального компонента чтобы ее состояние гарантированно изменялось сразу? Сейчас если вызвать setCount из const [count, setCount] = useSta…
- 1 ▲3 ответ.
Как можно вывести 2 случайных элемента массива?
export const ratingScreen = app.screen('/rating', async (ctx, req) => { let records = await ImagesTable.findAll(ctx, { where:{ sessionId: ctx.session.id } }); return ( <scre…
- 1 ▲2 ответ.
Redirect и Routing в React
У пытаюсь написать веб чат. Пока-что у меня 2 компонента, main компонент и signup комопонент. Мне надо что б signup компонент отображался первым если человек впервые заходит на са…