Category: ReactJS

24
Ноя
2020

Создание шахматной доски с использованием React.js

Всем привет! Я начинающий React.js разработчик, и такой вопрос: написал функцию, которая отрисовывает шахматную доску. Но проблема в том, что я не могу понять, почему происходит ошибка:

TypeError: Cannot read property ‘appendChild’ of nul…

23
Ноя
2020

Не отображаются компоненты в storybook для react-native

Я столкнулся с бесконечной загрузкой в веб интерфейсе storybook для RN. Компоненты не отображаются, ошибок и предупреждений нет. Не могли бы посоветовать способ исправить это или локализовать причину?
Шаги для воспроизведения:

npx -p @sto…

22
Ноя
2020

React, проблема с обновлением состояния

Я пытаюсь создать кнопку которая будет перемешивать плейлист(массив объектов), а по второму клику возвращать не перемешанный плейлист. Почему-то setOldPlaylist не сохраняет предыдущее состояние. Я полагаю, проблема с обновлением состояния….

21
Ноя
2020

React не правильно обновляется State redux

Возможно здесь кто-то дружит с ReactJS)
Такая проблема.. При любом изменении инпута в state записывается и возвращается всегда один символ, который был нажат на клавиатуре последним. Возможно не внимательный либо что-то не так делаю и не м…

21
Ноя
2020

Как создать элемент по клику в таблице?

Новичок в реакте, понимаю в теории, но не могу сделать это на практике, как можно добавить элемент по клику в таблицу с 3-мя полями по инпуту?
import React,{useState} from ‘react’;
import ‘./App.css’;
// import Header from ‘./components/He…

20
Ноя
2020

После входа в аккаунт и перезагрузки страницы, не правильно работает React Route

Всем привет! Я не знаю какую именно часть кода нужно скинуть сюда, поэтому скину ссылку на github где расположен проект https://github.com/DzmitryTumikouski/TodoList. В App.js прописан вот такой код :
return (
<Auth>
<BrowserR…

20
Ноя
2020

Как с локального хостинга отправить запрос axios на Firebase, сейчас мешает CORS?

Сейчас прохожу один из курсов по React и столкнулся с одной проблемой. Проблема заключается в том, что в связи с CORS правилами, я не могу с локального хоста обращаться к другому домену.
В сети много методов, но многие я не знаю как исполь…

20
Ноя
2020

Как реализовать многоуровневый выпадающий список на React

Передо мной стоит задача из двух json-файлов построить многоуровневый список
Файлы: https://yadi.sk/d/k9GCcUo72cfRvg?w=1
Что должно получиться в итоге:

Я начал реализовывать все это, но в итоге понял, что допустил саму ошибку с логикой ре…

20
Ноя
2020

React проблемы с модальным окном и массивом

Я использую состояние все работает нормально, за исключением модального окна. Внутри состояния, я использую объекты, которые нормально отображаются (вы можете посмотреть на скриншот https://ibb.co/YBg30NW ) пожалуйста,обратите внимание на …

20
Ноя
2020

React проблемы с модальным окном и массивом

Я использую состояние все работает нормально, за исключением модального окна. Внутри состояния, я использую объекты, которые нормально отображаются (вы можете посмотреть на скриншот https://ibb.co/YBg30NW ) пожалуйста,обратите внимание на …

20
Ноя
2020

React проблемы с модальным окном и массивом

Я использую состояние все работает нормально, за исключением модального окна. Внутри состояния, я использую объекты, которые нормально отображаются (вы можете посмотреть на скриншот https://ibb.co/YBg30NW ) пожалуйста,обратите внимание на …

19
Ноя
2020

Настройка .htaccess (react.js)

Есть приложение на react.js и api подгрузки фото
Фото подгружаю в папку photo
Но когда открываю url, то переходит просто на несуществующую страницу сайта
Как я могу настроить .htaccess, чтоб react-router игнорировал путь к фото и открывал …

19
Ноя
2020

Как развернуть React приложение?

Как развернуть собранное React-приложение на компоненты?
Приложение имеет вот такой вид в собранном состоянии у меня на локальном сервере:

Мне нужно развернуть его на компоненты и исправить там кое-какие детали. Как можно это сделать?

18
Ноя
2020

Как динамически изменить state в react js?

У меня есть главный компонент App, в его state я передал массив объектов, а потом этот массив объектов передал через пропс в state второго компонента, где с помощью метода map я прошёлся по каждом элементы и отрисовал его. Каждый элемент …

18
Ноя
2020

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

Всем привет,есть страница UserHealthDashboard.js в нем я рисую компоненты ChartHealth.js и BarHealth.js
В ChartHealth я открываю сокет и получаю данные о здоровья пациента и записываю в стейт barData мне надо этот стейт прокинуть в компон…

17
Ноя
2020

React хранение данных пользователя

Мне нужно создать форму на React где пользователь может заполнить поле "О себе" как можно организовать хранение текста пользователя? Чтобы при обновлении страницы или при в следующем входе на сайт текст не пропадал

17
Ноя
2020

Как отследить сообщение из разных диалогов c помощью socket.io?

Хочу реализовать страницу чата для своего приложения. Логика будет такая: когда юзер переходит на страницу чата ему выводятся все его диалоги.Если кто-то из этих диалогов напишет мне сообщение оно должно прийти на frontend.
Сейчас логика р…

15
Ноя
2020

Scroll Модального окна

Всем привет!
У меня имеется приложение и кнопка при клике на которую появляется модальное окно(в нем содержатся продукты взятые из store(redux)). При открытии модального окна продукты занимают много места(больше чем размер модального окна)…

14
Ноя
2020

Как изменить компонент react-photo-gallery

Нужно изменить этот компонент так, чтобы на картинке можно было вставлять текст(caption), никак не могу реализовать это, буду признателен подробным объяснениям.
Bот код в песочнице https://codesandbox.io/s/o7o241q09?file=/index.js:233-661

14
Ноя
2020

Делаю Реакт тесты. Error: ForwardRef(Link)

Делаю тесты, все как показывает преподаватель, даже уже просто скопировал код, но почему то ошибка. В общем как я понял в тестах показывает ошибку когда используешь <Link> на что мы вызываем в начале
jest.mock(‘react-router-dom’)
Я т…

13
Ноя
2020

React проблемы с отображением подписчиков + Pagination

Я использую api и получаю пользователей, затем отображаю пользователей на странице (GitHub), все работает нормально, я хочу на странице профиля (profile.jsx) отображать тех пользователей, на которых я подписан.
https://ibb.co/m5tNgV2
Проб…

13
Ноя
2020

Как в Leaflet отрисовать маркеры через svg

Столкнулся с проблемой отрисовки маркеров в react leaflet. leaflet заворачивает svg иконку в тег img, от чего мне нужно избавиться. В качестве иконки маркера может быть изогнутая стрелка. Нужно, чтобы тултип показывался при наведении на ст…

12
Ноя
2020

React\Js\Node.js и WordPress

Хочу настроить сайт для клиента, там несколько страниц, и движок WordPress. Делали другие вебмастера. И нужно настроить корзину и оформление заказа, а так же нормально до настроить магазин, что бы можно было сразу от туда брать товары в ко…

12
Ноя
2020

Утечка памяти при вызове нативного onload в React

Всем привет! Мучаюсь с такой проблемой. Я написал компоненту Canvas которая рендерит картинку представляющую из себя канвас и пропсы. Для того что бы дождаться что картинка загружена успешно я использую нативное событие onload но при этом …

11
Ноя
2020

"задача с деньгами" на react/redux

задача написать программу которая будет показывать введённое в input число мелочью начиная с самых оптимальных вариантов.
"деньги" которыми можно всё это реализовать:
100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000, 100000
в…