Category: ReactJS

03
Окт
2022

После авторизации и успешной переадресации на страницу при перезагрузке возвращает на главную

Разрабатываю небольшое приложение (React js – фронтенд, Python3.10 бекенд). Реализовал регистрацию и авторизацию, после которой происходит перенаправление на главную страницу (использую хук useNavigate). При попытке обновить страницу или п…

03
Окт
2022

react: использование setState в конструкторе компонента при асинхронных операциях

в компоненте в конструкторе делаю запрос на сервер для получения необходимых данных и асинхронно вношу их в состояния:
class MyComponent extends Component<any, any> {

// конструктор
constructor(
props: any
) {

01
Окт
2022

Замена символа во всём тексте

Необходимо каждую из ковычек обернут в span с классом.
Например, есть текст:
<p>“Всем привет” сказал он.</p>

На выходе надо получить:
<p><span class="left-q">“</span>Всем привет<span class="…

30
Сен
2022

Не вызывается событие resize во время css анимации

Всем привет. Пишу приложение на react и столкнулся с проблемой. Есть элемент с анимацией изменения ширины. Я хочу подписаться на это изменение и вызывать определенный callback. Но, почему-то, анимация не вызывает мой callback, хотя offsetW…

30
Сен
2022

Как изменять свойства объекта state с сохранением предыдущий значений

Суть: Есть 4 поля куда вводятся значения, необходимо записать эти значения.
Проблема: При каждом вызове обработчика события происходит перезапись всего объекта с изменением значения одного свойства, остальные значения свойств равны 0, не с…

29
Сен
2022

Как передать данные с input на другую страницу

Есть страница Admin с инпутами, когда мы вводим данные мы должны сохранить их и передать на другую страницу Home. Но они не связаны никак. Подскажите как это сделать
Страница Admin:

import React, {useState, useEffect} from ‘react’
impo…

29
Сен
2022

Не меняется содержимое страницы на React

Когда меняю что-либо в файле index.html/App.js/index.js и обновляю страницу (localhost), содержимое не изменяется. Приходится каждый раз заново писать команду npm start в терминале, ждать несколько минут и только тогда страничка меняется. …

28
Сен
2022

react: непонятный waring

В проекте стали вылезать вот такие предупреждения:

WARNING in ./node_modules/react-zoom-pan-pinch/dist/index.esm.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from
‘D:\sites\test\node_mo…

27
Сен
2022

return не видит блок

Хочу сделать вывод информации по API.
Подключил через fetch, далее хочу пройтись по масиву, но return не видит вообще самого блока который в нём.
Если без {item.map) – нормально, если хочу пройтись с помощью map, то не return видит блок
По…

27
Сен
2022

return не видит блок

Хочу сделать вывод информации по API.
Подключил через fetch, далее хочу пройтись по масиву, но return не видит вообще самого блока который в нём.
Если без {item.map) – нормально, если хочу пройтись с помощью map, то не return видит блок
По…

27
Сен
2022

return не видит блок

Хочу сделать вывод информации по API.
Подключил через fetch, далее хочу пройтись по масиву, но return не видит вообще самого блока который в нём.
Если без {item.map) – нормально, если хочу пройтись с помощью map, то не return видит блок
По…

27
Сен
2022

react: отрисовка разных компонент с параметрами в зависимости от значения переменной

подскажите как более правильно решить следующую задачу:
есть несколько разных компонент с разными параметрами: <Panel1 data = {this.state.data1} /> и <Panel2 value = {this.state.value2} /> и т.д.
они отрисовываются строго по од…

26
Сен
2022

Как сохранить файл из инпута в папку в проекте React

Я разрабатывал интернет-магазин, как пет-проект и сохранял картинки блюд прямо в базу, но тут есть проблема в том, что потом, скажем, 30 блюд с их картинками из базы получаются слишком долго, около минуты. Теперь я хочу это изменить. Как м…