Category: ReactJS

28
Июл
2021

Данные из API: Получение определенных данных

я начинающий фронтендер и только начал работать с бэкендщиком API
Есть данный API: https://sportpro3.herokuapp.com/api/sports/Sports/
где есть поля: image, title, description, category_of_sports:category
Вопрос следующий: Можно ли получить…

27
Июл
2021

Как сохранить данные после перезагрузки страницы

У меня есть рабочий код, который помогает мне составлять список задач. Все работает почти нормально. Только после перезагрузки страницы все созданные элементы исчезают. У меня вопрос: можете показать, как с помощю localStorage сохранить вс…

27
Июл
2021

Как вывести данные всех пользователей, имя фамилия год рождения с firebase создавая список в React

Здраствуйте, я новичок в JS и React, мне хотелось бы создать метод или что-то еще что бы выводить всех пользователей с базы данных в Sidebar в виде элементов списка таком виде:

Вот код App
import ‘./app.css’;
import axios from ‘axios’;
im…

27
Июл
2021

TypeScript React помогите типизировать компонент в HOC в route

Я сделал обёртку для формы, которая в зависимости от роута передает в форму разные колбэки, на создание и на обновление сущности, но когда я вызываю этот HOC в роуте и передаю ему компонент формы, ts ругается на типизацию оборачиваемого ко…

27
Июл
2021

Получение данных из API

Необходимо получить JSON строку с стороннего сервера. Для аутентификации на сервере необходимо добавить к запросу заголовок «TMG-Api-Key» со значением «0J/RgNC40LLQtdGC0LjQutC4IQ==».
Использовал axios из react-приложения. Я раньше этим не …

27
Июл
2021

Нужно создать функцию, которая будет добавлять в state элемент, ниже я пытался реализовать это в функции AddTask, надеюсь на вашу помощь!

Нужно, чтобы в state.tasks добавлялся элемент с id и значением(строкой), ниже у меня написано это в функции addTask(очень криво наверное, но я новичок), возможно, в этой функции много ошибок, но мне главное, чтобы элемент добавлялся по выз…

25
Июл
2021

Как сделать анимацию переключения картинки

Доброго времени суток!
Я только учусь и поэтому прошу сильно не ругать за возможные глупости! 🙂
Делаю учебный проект интернет магазина на React.js + Redux, так вот сделал я компонент по типу слайдера и выглядит он примерно вот так:

работ…

23
Июл
2021

Как применить map, к массиву с вложенными объектами?

Вопрос заключается в получении значения, из массива вложенных объектов.
Я хочу заменить вот эту строку <p>{current.car[0].model}</p>,на более динамическую, что бы отображались все значения model, которые есть у вложенных объ…

23
Июл
2021

React Передача данных textarea для добавления нового поста

Здравствуйте товарищи программисты! Не понимаю как извлечь текст из textarea и использовать его для добавления новых постов в блоге. Это должно было быть примерно так:
1)Пользователь вводит информацию в textarea
2)Нажимает на кнопку AddPos…

23
Июл
2021

Как изменить триггер для рисования в Leaflet

Всем доброго времени суток!
Для проекта используются карты Leaflet. Т.к. клиентская часть – React-приложение, то используется пакет react-leaflet. Для рисования на карте используется leaflet-draw. Все вроде бы хорошо и ровно, за исключение…

22
Июл
2021

AutoImport в PhpStorm не работает (react-app)

Делаю реакт-приложение и создаю компонент, который я экспортирую по дефолту.

После чего захожу в родительский компонент и добавляю его в верстку, надеясь, что после добавления, auto import сработает, но он его не видит

Если сделать в обр…

21
Июл
2021

Не могу получить данные с сервера

Итак в чем проблема:
У меня есть простятский backend (Express) и база данных (MongoDB), который я описывал для Todo листа (я начинающий по этому Туду).
Я описал 2 схемы:

Для авторизации пользователя,в котором будут отправляться данные об …

21
Июл
2021

Как получать значение из ключей из firebase и выводить их в React

Здраствуйте, я новичок в Реакте
В firebase у меня есть ключи которые я создаю в PatientServise.js функцией savePatient, суть в том что мне нужно вывести данные в PatientSidebar.jsx что бы оно выглядело как на скриншотах снизу

Нужно что бы…

21
Июл
2021

CRUD приложение на React

Здесь уже задавали такой вопрос, но ссылка на курс, которую там предоставили не открывается. Нужны курсы или туториалы по написанию CRUD приложения на React с использованием json-сервера и axios

21
Июл
2021

Как сочетается React с MVC-фреймворками?

День добрый! Сейчас я в ускоренном темпе изучаю Laravel и уже знаю Django на уровне джуна. Однако у меня довольно слабый frontend (знания ограничиваются основами JQuery). Мой вопрос заключается в следующем – стоит ли учить React в сочетани…

20
Июл
2021

При вводе input меняет цвет

Всем привет. При вводе текста, поле импута меняется с прозрачного на белый.
Кусок взят с materializecss . Пишу на реакте.
Мне кажется ответ где-то на поверхности, но я всю голову сломал уже.
Код прилагаю, и скрины на всякий.
Прошу камнями …

20
Июл
2021

Unhandled Rejection (TypeError): Cannot read property ‘id’, ‘firstname’ e.t.c of undefined

VitechTest/task/src/components/app/App.js:23
Здраствуйте, столкнулся с проблемой записи и получении данных с firebase, я смог записать пользователя но не могу отобразить его на экране, так же присутствует ошибка Unhandled Rejection (TypeEr…

19
Июл
2021

Redux-Persist не сохраняет state

Не сохраняются данные из стейта в локалСторадж. Сталкивался кто?
store.js

import { createInjectorsEnhancer } from ‘redux-injectors’;
import { applyMiddleware, createStore } from ‘redux’;
import { composeWithDevTools } from ‘redux-devto…

18
Июл
2021

Добавить возможность редактирования элементов списка React

Я не очень опытный программист. Пишу простое CRUD приложение на React. Реализовал все, кроме редактирования элементов списка. Подскажите, как добавить такую возможность в мое приложение?
Код: https://codesandbox.io/s/cocky-blackwell-33evr

18
Июл
2021

Добавить возможность редактирования элементов списка React

Я не очень опытный программист. Пишу простое CRUD приложение на React. Реализовал все, кроме редактирования элементов списка. Подскажите, как добавить такую возможность в мое приложение?
Код: https://codesandbox.io/s/cocky-blackwell-33evr

17
Июл
2021

svg многоугольник с двойной обводкой

По исходным данным я должен построить следующую диаграмму:

Основная проблема сейчас – Многоугольник с двойными границами. Я пробовал тени и двойные полигоны, это не работает. Любая идея?
Я использовал следующий код для создания точек для …

17
Июл
2021

Не работает валидация Yup в управляемых инпутах

Я создаю форму в React через Formik, валидирую поля через Yup. Состояние(значения) полей храню в Redux, при каждом изменении обновляю. Но, кажется из-за этого не работает валидация через Yup, будто оно не видит значения поля. Вот код:
Как …

15
Июл
2021

Один State в модальном окне, как пофиксить

При нажатие на любой из постов, вылезает модальное окно, в котором отображаться свой текст. Но при вызове окна(любого поста) отображается один и тот же текст, хотя в консоли все отображается правильно. Как исправить?(На картинке вызывается…

15
Июл
2021

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

Нужно следующее регулярное выражение 000.00+-000.00+-000.00+-000.00.

+- подразумевает только один из этих знаков.
сами числа могут быть с точкой и без от 1 до 999.99
количество чисел варьируется от 1 до 4. Т е могут быть такие варианты (1…