Вопросы с меткой [reactjs]
Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.
3,717
вопросов
0
голосов
1ответ
385 показов
Как хранить в React | Redux информацию о залогиненом пользователе?
Где в приложении на React хранить информацию о залогиненом пользователе?
На данный момент сохраняю в local storage, но не знаю правильно ли это
0
голосов
0ответов
9 показов
Не цепляется класс с модуля
Решил подправить небольшое SPA, в котором до исправлений с css проблем не было. К css модулю(как и к компоненту, где он используется), который внезапно перестал работать, не прикасался вообще, никаких ...
0
голосов
1ответ
7 показов
Подскажите бесплатные API ресурсы на подобие {JSON} Placeholder API для тренировки авторизации(login/logout)
Для тренировки при изучении REACTа, нужно какое-то API чтоб потренироваться делать авторизацию, или подскажите где можно потренироваться
3
голоса
1ответ
22 показа
HTML5 video. блокировка при кешировании видео в ios
Уже не знаю как решить проблему. Везде работает исправно кроме ios.
у меня есть video элемент в React приложении. На ios со слабым интернетом видео ставится на паузу для загрузки в кеш и в этот момент ...
-1
голос
0ответов
16 показов
Проблемы с сортировкой массива
Есть некий набор информаци представленный в массиве. Проблема заключается с его сортировкой: 1. по имени - по алфавиту;
2. по возрасту - по возрастанию;
Укажите,пожалуйста, на ошибки и натолкните на ...
0
голосов
2ответа
30 показов
Получение нескольких запросов в Redux
Использую react-redux, redux-thunk. Есть сервер, есть запрос на него. Ответ приходит в виде {data:... , stop: false}. Необходимо, когда получаю stop: false делать запрос опять, но добавить к стейту ...
0
голосов
1ответ
998 показов
Как изменить внешний вид балуна в yandex maps react [how to change the appearance balloonContentLayout in react]
Внешний вид балуна не изменяется,помогите найти ошибку в коде
import React, {Component} from 'react';
import {Map, Placemark, YMaps} from 'react-yandex-maps';
function createBalloonLayout(ymaps) {
...
1
голос
0ответов
26 показов
Стоит ли разбить на умные компоненты или все писать в одном?
У меня есть 3 компонента - это формы (Авторизация, Регистрация, Забыли пароль), все они глупые и выводятся на 1 странице.
И пока написал 1 умный компонент, который содержит всю логику работы над этими ...
0
голосов
1ответ
606 показов
Cannot read property 'props' of undefined react.js redux
Пытаюсь создать функциональный компонент в React.js - PrivateRoute, для контроля доступа в приложении. Внутри, Route, в случае, если пользователь вошел, рендерит переданный компонент, иначе, делает ...
2
голоса
0ответов
24 показа
Мне нужно бесплатное API как Google Place Autocomplete
Мне нужно API с помощью которого можно реализовать поле с autocomplete для поиска города. Т.е. нужно готовое поле поиска в котором при вводе символов наименования города происходит автопобор ...
1
голос
1ответ
29 показов
React. Вывод полученного json из fetch в компоненту
Есть компонента, которую я вывожу у себя в приложении:
function DetailBlock(){
fetch('https://boiling-refuge-66454.herokuapp.com/images')
.then(response=>response.json())
...
1
голос
1ответ
12 показов
настройка eslint+prettier+lint-staged+husky
Eсть старый React App и решил я добавить в проект eslint + prettier, следом пришла идея запретить всем гадить в проект добавив hook на pre-commit c помощью husky. Плюс чтоб не фиксить весь код по ...
1
голос
1ответ
25 показов
Почему не срабатывает observer в MobX
Я новичок в программировании (с Нового года). Если не считать, что 30 с лишним лет назад делал лабы на ЕС на Фортране. Так что прошу извинить, но все, что мог, просмотрел, и, вроде, все делаю ...
0
голосов
1ответ
1k показов
Модальное окно React в ответ на получение данных с сервера
Есть форма на React, которая отправляет дынные и получает ответ от сервера. На основании ответа нужно показывать модальное окно. Закрывать его кнопкой закрытия, и без перезагрузки страницы, при ...
0
голосов
1ответ
51 показ
Как мутировать объект в store (redux), на который есть ссылки?
По мере углубления в react-redux возникли следующие вопросы:
в-1: Как можно изменить значение полей объекта (экземпляра класса), хранящегося в store, сохранив при этом корректность ссылок на него из ...
0
голосов
0ответов
21 показ
Как считать какая картинка в json и вставить из локальной папки
у меня есть файл .json в нем пару обектов такого типа
Object {
"Poster": "Poster_01.jpg",
"Title": "Star Wars: Episode IV - A New Hope Star Wars: Episode IV - A ...
1
голос
1ответ
37 показов
Отправка данных React через fetch и их получение
Всем привет. Делаю тестовое задание с гитхаба для новичков: github.com/avito-tech/safedeal-frontend-trainee
Сделал все кроме последнего пункта 3. Цитирую ниже:
"POST https://boiling-refuge-66454....
0
голосов
0ответов
17 показов
Как расположить центр карты leaflet-react согласно геолокации пользователя и определить ее границы?
Всем привет! Моя задача - загрузить карту, центр карты необходимо расположить по местонахождению пользователя. Также необходимо получить границы этой карты. При использовании следующего кода получаю ...
1
голос
1ответ
43 показа
JS. Объясните, как работает данный код
Разбираю код, который был написан до меня и встретил вот такую конструкцию:
export const reset = () => () => {
axios.post('какой-то URL', { action: 'какой-то action' })
.then(() => ...
1
голос
0ответов
15 показов
Как типизировать thunk actions в typescript?
Какой правильный способ типизации thunk actions в typescript?
export const addTodoAction = ({text, completed}: NewTodo) => {
return (dispatch: Dispatch<TodoAction>) => {...}
}
или
...
0
голосов
1ответ
25 показов
Динамическая сортировка массива объектов в выпадающем списке
Реализован выпадающий список в котором при выборе элемента массива items добавляется класс active. Все работает, но необходимо отображать выбранный элемент первым в списке, а не в произвольном порядке....
1
голос
1ответ
30 показов
react: список из одного компонента не считается списком из одного компонента
Указываю структуру для главного компонента, который выводит дочерние компоненты, содержащую эти дочерние компоненты:
this.add_filters(
<>
<Filter1 />
</>
);
метод ...
1
голос
0ответов
30 показов
Проблема с Router + UseEffect
Ситуация такая у меня есть апи(method GET) который вызывается через Context, прописал state, reducer там всё ок. Вызываю данную функцию через useEffect и она вызывается. Проблема в том, что в networke ...
0
голосов
0ответов
31 показ
Переход из списка товаров на индивидуальное описание товара в React
При клике на "информация о товаре" должна отрисовываться его индивидуальная карточка на отдельной странице.
Проблема в том, что URL меняется в конце добавляется id определенной карточки, но ...
1
голос
1ответ
29 показов
Как правильно заполнить массив?
import React from "react";
export default function App() {
const [myArray, setMyArrayState] = React.useState([
{ name: "John" },
{ name: "Sam" }
]);
const [...
1
голос
0ответов
18 показов
Не отображается польностью текст в react google chart
<Chart
width={'auto'}
// height={'100%'}
// width={'auto'}
chartType="BarChart"
loader={this.renderLoadingSign()}
data={data}
options={{
...
1
голос
0ответов
7 показов
mobx: отслеживать изменение данных в хранилище
у меня есть хранилище данных store в которые мой компонент (react) вносит данные
у компонента есть кнопка apply, которую хотелось бы делать активной, только когда внесенные данные корректны, т.е.
...
0
голосов
0ответов
12 показов
reactJS props javascript
На 39 строчке у меня есть user, которого я получаю в компоненте SignUp, и хочу его получить после того как перехожу на /home, чтобы там уже отобразить данные полученные с SignUp. Как сделать это с ...
1
голос
1ответ
18 показов
Router не дружит с React
При добавлении в реакт, ругается и выдает миллион ошибок, требуя родительский элемент, хотя с навбаром никаких проблем не было, подскажите, что делать, я ужасно плох в реакте и писать Router в новом ...
0
голосов
0ответов
11 показов
React: как скопировать все className из jsx в scss?
Подскажите пожалуйста, как скопировать все className из jsx в scss?
ps. eCSStractor не срабатывает даже если настроить его на className
0
голосов
0ответов
5 показов
Отправка файла из material ui dropzone
Загружаю аватар через material ui dropzone
<DropzoneArea
onDrop={(e) => onDropAvatar(e)}
onChange={(files) => console.log('Files:', files)}
filesLimit={1}
...
1
голос
0ответов
10 показов
React-Select. Автоматическая подгрузка данных
Имеется задача: при вводе каких-либо букв в текстовом поле Search подгружать с сервера данные. Однако сервер отдаёт данные порционно, то есть не все данные, соответствтвующие тому, что мы ввели, а ...
0
голосов
0ответов
16 показов
1
голос
1ответ
22 показа
Подскажите как использовать sass файлы в next.js
Я привык писать так:
components/Nav.jsx
components/Nav.scss
Nav.jsx
import './Nav.scss';
const Nav = () => {
return (
<nav>
<a href="#">Test</a>
...
1
голос
1ответ
18 показов
Error: Objects are not valid as a React child (found: object with keys {block}). Help please :(
[ENG]
I just can't figure out what the mistake is.
Error: Objects are not valid as a React child (found: object with keys {block})
I looked at solutions to similar errors but nothing helped
[RU]
Я ...
1
голос
3ответа
35 показов
Как создать createContext в ReacJS TypeScript
Создаю провайдер в котором хочу подключить Апи сервис и потом в любом месте я мог вызвать нужный метод через useContext.
В чистом EcmaScript все работает отлично, но в TypeScript не работает.
import ...
1
голос
2ответа
16 показов
Скрыть сломанную картинку и показать ее альтернативный текст ReactJS
Есть компонент, показывает список элементов из Json.
const Contact = ({avatar, first_name, last_name, email}) => {
const initials = first_name.charAt(0)+""+last_name.charAt(0);
...
0
голосов
1ответ
18 показов
Сортировка данных из json файла в ReactJS
Есть https://teacode-recruitment-challenge.s3.eu-central-1.amazonaws.com/users.json, в нем хранятся данные, к примеру:
[
{"id":1,"first_name":"add","last_name&...
0
голосов
1ответ
23 показа
Скролл к якорю после загрузки страницы ReactApp
Вопрос наверно более теоретический. Есть приложение на React Hooks я хочу чтоб после перехода на страницу "список товаров" с хешом в url (#itemId=621) У меня происходил скрол к этому товару ...
0
голосов
0ответов
23 показа
Как включить показ уведомлений когда телефон заблокирован?
По умолчанию все чекбоксы выключены. Проблема в том что не приходят push notification когда телефон заблокирован. Подскажите решение как можно включить показ уведомлений когда телефон заблокирован?
...
0
голосов
1ответ
859 показов
Как прописать путь к изображению в <img src={?}>?
Имеется изображение, и необходимо прописать путь к нему, в src. Сам путь передается в компонент через props. Во-первых,<img src="./path/img.png"> - если передавать так путь, то изображение не ...
1
голос
0ответов
23 показа
React Lazy Load useEffect
У меня проблема с получением clientWidth из useEffect.
Есть lazyLoad который загружает страничку с пользователями.
import { Suspense, lazy } from 'react';
const UsersContainer = lazy(() => import('...
1
голос
1ответ
24 показа
Странное поведение форм
Есть react-код:
import React, { useState, useEffect } from 'react';
import { useHttp } from '../.././hooks/http.hooks';
function ChangeProfile() {
const { loading, request, error } = useHttp();
...
0
голосов
0ответов
33 показа
бесконечный рендеринг in useEffect React
Как исправить эту проблему бесконечного рендеринга?
useEffect(() => {
if (userQuery === '') {
return;
}
const fetchImages = () => {
setIsLoading(true);
imageFinderAPI
....
1
голос
1ответ
20 показов
При удалении элемента через setState удаляется весь массив в React
Никак не могу понять, почему при использовании splice удаляется весь массив.
Возле каждого li есть кнопка, при нажатии на которую удаляется именно этот элемент li. Но удаляется весь массив.
class App ...
1
голос
0ответов
19 показов
Можно ли на одной страинце использовать несколько вебпак сборок?
У меня на одной web странице несколько react приложений (отдельных кусков функциональности), для каждого есть своя сборка webpack (т.е. это не одна сборка из нескольких бандлов, а именно две разные ...
0
голосов
0ответов
17 показов
Проблема Webpack, Javascript, React. Подскажите
Подскажите что тут не так?
Webpack, Js, React.
Webpack последняя команда и ошибка, хотя до этого webpack ошибок не давал.
Может кто сталкивался?
Проект без конфига webpack.
1
голос
1ответ
25 показов
Не могу добавить элемент в массив в React через setState
Нужно добавить имя в конец массива при нажатии на кнопку. Не могу найти ошибку.
class App extends React.Component {
constructor() {
super();
this.state = {arr: ['Коля', 'Вася', '...
0
голосов
0ответов
34 показа
Запрос к API по условию (хуки)
Компонент использует условный рендеринг. При отправке формы (компонент Block) отправляется POST запрос на сервер и затем запускается таймер. По истечении времени таймера опять рендерится форма (Block)....
0
голосов
0ответов
17 показов
Realtime database - получение данных из базы
Пытаюсь получить данные из таблицы.
Как на рисунке. Но получаю только ID пользователя который создал заказ.
Хотя в console.log я вижу, что объект получается полностью.
Мне необходимо отобразить ...