Вопросы с меткой [reactjs]
Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.
3,716
вопросов
0
голосов
1ответ
4 показа
Подскажите бесплатные API ресурсы на подобие {JSON} Placeholder API для тренировки авторизации(login/logout)
Для тренировки при изучении REACTа, нужно какое-то API чтоб потренироваться делать авторизацию, или подскажите где можно потренироваться
-1
голос
0ответов
15 показов
Проблемы с сортировкой массива
Есть некий набор информаци представленный в массиве. Проблема заключается с его сортировкой: 1. по имени - по алфавиту;
2. по возрасту - по возрастанию;
Укажите,пожалуйста, на ошибки и натолкните на ...
1
голос
0ответов
26 показов
Стоит ли разбить на умные компоненты или все писать в одном?
У меня есть 3 компонента - это формы (Авторизация, Регистрация, Забыли пароль), все они глупые и выводятся на 1 странице.
И пока написал 1 умный компонент, который содержит всю логику работы над этими ...
2
голоса
0ответов
24 показа
Мне нужно бесплатное API как Google Place Autocomplete
Мне нужно API с помощью которого можно реализовать поле с autocomplete для поиска города. Т.е. нужно готовое поле поиска в котором при вводе символов наименования города происходит автопобор ...
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
голосов
2ответа
30 показов
Получение нескольких запросов в Redux
Использую react-redux, redux-thunk. Есть сервер, есть запрос на него. Ответ приходит в виде {data:... , stop: false}. Необходимо, когда получаю stop: false делать запрос опять, но добавить к стейту ...
0
голосов
0ответов
17 показов
Как расположить центр карты leaflet-react согласно геолокации пользователя и определить ее границы?
Всем привет! Моя задача - загрузить карту, центр карты необходимо расположить по местонахождению пользователя. Также необходимо получить границы этой карты. При использовании следующего кода получаю ...
1
голос
1ответ
25 показов
Почему не срабатывает observer в MobX
Я новичок в программировании (с Нового года). Если не считать, что 30 с лишним лет назад делал лабы на ЕС на Фортране. Так что прошу извинить, но все, что мог, просмотрел, и, вроде, все делаю ...
1
голос
1ответ
29 показов
React. Вывод полученного json из fetch в компоненту
Есть компонента, которую я вывожу у себя в приложении:
function DetailBlock(){
fetch('https://boiling-refuge-66454.herokuapp.com/images')
.then(response=>response.json())
...
1
голос
0ответов
13 показов
Как типизировать thunk actions в typescript?
Какой правильный способ типизации thunk actions в typescript?
export const addTodoAction = ({text, completed}: NewTodo) => {
return (dispatch: Dispatch<TodoAction>) => {...}
}
или
...
1
голос
1ответ
12 показов
настройка eslint+prettier+lint-staged+husky
Eсть старый React App и решил я добавить в проект eslint + prettier, следом пришла идея запретить всем гадить в проект добавив hook на pre-commit c помощью husky. Плюс чтоб не фиксить весь код по ...
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 определенной карточки, но ...
0
голосов
1ответ
25 показов
Динамическая сортировка массива объектов в выпадающем списке
Реализован выпадающий список в котором при выборе элемента массива items добавляется класс active. Все работает, но необходимо отображать выбранный элемент первым в списке, а не в произвольном порядке....
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
голос
1ответ
42 показа
JS. Объясните, как работает данный код
Разбираю код, который был написан до меня и встретил вот такую конструкцию:
export const reset = () => () => {
axios.post('какой-то URL', { action: 'какой-то action' })
.then(() => ...
1
голос
0ответов
10 показов
React-Select. Автоматическая подгрузка данных
Имеется задача: при вводе каких-либо букв в текстовом поле Search подгружать с сервера данные. Однако сервер отдаёт данные порционно, то есть не все данные, соответствтвующие тому, что мы ввели, а ...
0
голосов
0ответов
16 показов
3
голоса
1ответ
22 показа
HTML5 video. блокировка при кешировании видео в ios
Уже не знаю как решить проблему. Везде работает исправно кроме ios.
у меня есть video элемент в React приложении. На ios со слабым интернетом видео ставится на паузу для загрузки в кеш и в этот момент ...
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
голос
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 когда телефон заблокирован. Подскажите решение как можно включить показ уведомлений когда телефон заблокирован?
...
1
голос
3ответа
35 показов
Как создать createContext в ReacJS TypeScript
Создаю провайдер в котором хочу подключить Апи сервис и потом в любом месте я мог вызвать нужный метод через useContext.
В чистом EcmaScript все работает отлично, но в TypeScript не работает.
import ...
1
голос
1ответ
24 показа
Странное поведение форм
Есть react-код:
import React, { useState, useEffect } from 'react';
import { useHttp } from '../.././hooks/http.hooks';
function ChangeProfile() {
const { loading, request, error } = useHttp();
...
1
голос
0ответов
19 показов
Можно ли на одной страинце использовать несколько вебпак сборок?
У меня на одной web странице несколько react приложений (отдельных кусков функциональности), для каждого есть своя сборка webpack (т.е. это не одна сборка из нескольких бандлов, а именно две разные ...
1
голос
1ответ
20 показов
При удалении элемента через setState удаляется весь массив в React
Никак не могу понять, почему при использовании splice удаляется весь массив.
Возле каждого li есть кнопка, при нажатии на которую удаляется именно этот элемент li. Но удаляется весь массив.
class App ...
0
голосов
1ответ
51 показ
Как мутировать объект в store (redux), на который есть ссылки?
По мере углубления в react-redux возникли следующие вопросы:
в-1: Как можно изменить значение полей объекта (экземпляра класса), хранящегося в store, сохранив при этом корректность ссылок на него из ...
0
голосов
0ответов
17 показов
Проблема Webpack, Javascript, React. Подскажите
Подскажите что тут не так?
Webpack, Js, React.
Webpack последняя команда и ошибка, хотя до этого webpack ошибок не давал.
Может кто сталкивался?
Проект без конфига webpack.
0
голосов
0ответов
34 показа
Запрос к API по условию (хуки)
Компонент использует условный рендеринг. При отправке формы (компонент Block) отправляется POST запрос на сервер и затем запускается таймер. По истечении времени таймера опять рендерится форма (Block)....
1
голос
1ответ
25 показов
Не могу добавить элемент в массив в React через setState
Нужно добавить имя в конец массива при нажатии на кнопку. Не могу найти ошибку.
class App extends React.Component {
constructor() {
super();
this.state = {arr: ['Коля', 'Вася', '...
0
голосов
0ответов
17 показов
Realtime database - получение данных из базы
Пытаюсь получить данные из таблицы.
Как на рисунке. Но получаю только ID пользователя который создал заказ.
Хотя в console.log я вижу, что объект получается полностью.
Мне необходимо отобразить ...
0
голосов
0ответов
13 показов
Дублирование данных массива при отображении в React.js
изучаю React. Не могу понять, почему данные массива дублируются при отображении. Иными словами, почему на странице возникают копии пользователей (два пользователя с name Dmitry и name Sasha).
Reducer
...
0
голосов
0ответов
21 показ
react: Правильная организация хранения глобальных данных, используемых несколькими компонентами
Подскажите как правильно построить архитектуру сайта на react с использованием mobx для следующей задачи:
есть несколько моих компонент (выпадающие списки и т.п.), которые заполняются на основании ...
1
голос
0ответов
23 показа
React Lazy Load useEffect
У меня проблема с получением clientWidth из useEffect.
Есть lazyLoad который загружает страничку с пользователями.
import { Suspense, lazy } from 'react';
const UsersContainer = lazy(() => import('...
0
голосов
0ответов
33 показа
бесконечный рендеринг in useEffect React
Как исправить эту проблему бесконечного рендеринга?
useEffect(() => {
if (userQuery === '') {
return;
}
const fetchImages = () => {
setIsLoading(true);
imageFinderAPI
....
0
голосов
1ответ
25 показов
Как обновить state при первом клике?
onSelectCard = () => {
this.setState((state) => {
return {
firstGuess: 'some words'
};
});
console.log('firstGuess: ', this.state....
0
голосов
0ответов
24 показа
Как открыть страницу с параметром в следующей вкладке (React)?
Я новичок в Web, и вот у меня проблема. :-)
У меня есть такое приложение, есть две страницы StartPage и SelectProject.
На первой странице у меня есть кнопка, которая с onClick делает две вещи:
меняет ...
0
голосов
0ответов
22 показа
react + fetch выдают “POST <сервер> 401 (Unauthorized)”
Подскажите как побороть следующую проблему:
посылаю ajax-запрос с помощью fetch на локальный сервер, для того чтобы браузер не выдавал ошибки про CORS использую mode: 'no-cors'
получается такой код:
...
0
голосов
0ответов
16 показов
Не работает bootstrap (js) в react-приложении
Есть react-приложение к нему подключен bootstrap (и css, и js), css работает отлично, а js (dropdown) - нет, т.е. при клике по dropdown, ничего не происходит.
index.js
import React from "react&...