Вопросы с меткой [reactjs]

Используйте эту метку для вопросов о React.js — JavaScript библиотеки для создания пользовательских интерфейсов.

Фильтрация
Сортировка
Метки
1 голос
0 ответов
41 показ

Забрать из объектов значение name и преобразовать в массив

Есть данные, которые получаю с сервера, из этих данных надо достать только имена и прокинуть в функцию, которая засетает их export const getActorsThunkAC = () => (dispatch) => { axios....
Станюк Дмитрий's user avatar
1 голос
0 ответов
427 показов

Проблема с values Formik

En Версия данного вопроса - https://stackoverflow.com/q/56613496/9464680 Обсуждение данной проблемы на Github - https://github.com/jaredpalmer/formik/issues/529 Я передаю Formik values в функцию (...
Arthur's user avatar
  • 4,572
1 голос
0 ответов
418 показов

Подключение scss файла в react компонент

На проекте импортируется scss файл в компонент так: import styles from './dashboard.scss?module' Без постфикса "?module" тупо перестает работать этот компонет(ошибки при этом нет) Что означает "?...
Den Rash's user avatar
1 голос
0 ответов
105 показов

React.js: Передать состояние всем дочерним элементам

Предисловие В некоторых реакт-библиотеках (например, material-ui) можно передавать данные как угодно далеко/глубоко в древо. Работает это так: все наше приложение оборачивается в некий провайдер. ...
Misha Saidov's user avatar
  • 5,416
1 голос
1 ответ
146 показов

XHR при GET-запросе выдаёт html вместо json

Может проблема в пути? Подскажите пожалуйста Вот что выводит вместо json <!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"utf-8\" />\n <meta\n ...
Alex Hawk's user avatar
1 голос
1 ответ
860 показов

Не получается повесить несколько обработчиков на кнопку в React

Задача: повесить на кнопку с текстом "Добавить ответ" обработчики this.handlerAddAnswer и this.handlerChangeUsers. Я пробовал разные варианты: собрать оба обработчика в один метод, этот метод кинуть ...
Enkei's user avatar
  • 57
1 голос
1 ответ
265 показов

Открыть конкретный блок, react

Вопрос в следующем, имеется, допустим, 4 кнопки, при клике на кнопку текст в ней должен изменяться на "Открыто", сейчас же проблема в том, что если кликнуть на 1 кнопку, то текст изменится во всех ...
Зубров Михаил's user avatar
1 голос
3 ответа
253 показа

Помогите синтаксически правильно обновить счетчик в стейте React

Вообщем ситуация следующая: state = { ingredients: { salad: 0, bacon: 0, cheese: 0, meat: 0 } } addIngredientHandler = type => { this.setState(...
WhoIsDT's user avatar
  • 685
1 голос
1 ответ
538 показов

Как заставить фильтр работать (devextreme DataGrid)

Пример взят с сайта devexpress.com и немного изменен: https://codesandbox.io/s/kmm02q66m5 Код из примера devexpress: import React from "react"; import "devextreme/data/odata/store"; import ...
CrabCore666's user avatar
1 голос
1 ответ
8k показов

React клик вне элемента

Сейчас реализовано, что при клике на бургер открывается меню и если клик происходит вне этого элемента, меню закрывается, но если нажимать на саму менюшку, то она тоже закроется. Так вот, как сделать ...
Artem  Fomkin's user avatar
1 голос
0 ответов
181 показ

При запуске ReactJS приложения на Thymeleaf отображается пустая страница

Я пытаюсь сделать фронтовое приложение с помощью ReactJs и Spring ThymeLeaf(как шаблонизатор). Посматривая в Туториал https://habr.com/ru/post/321552/ вот структура приложения enter image description ...
DenisShel's user avatar
1 голос
0 ответов
21 показ

Как получить color элемента? (React) [дубликат]

Как получить color элемента в React? Не тот, что присвоен с помощью CSS, а тот, что используется, например, родительский или родительский родителя. То есть, мне нужно получить цвет inherit
Евгений Старцев's user avatar
1 голос
1 ответ
537 показов

Обновление токена из react-приложения при серфинге между страницами

Есть web-приложение, написанное на React. При нажатии кнопки "Авторизоваться" происходит авторизация на внешнем OAuth-сервисе. На бэкенде формируется собственный jwt-токен с ограниченным ttl (час) и ...
Dmitry Kozlov's user avatar
1 голос
1 ответ
214 показов

Почему не работает onMouseLeave в react?

Не работает onMouseLeave когда кнопка disabled, а когда enabled то работает class Save extends Component { state = { tooltipShow: false } tooltipOpen () { this.setState({ ...
Alexander's user avatar
1 голос
0 ответов
407 показов

Динамическое изменение параметров запроса URL

Делаю систему фильтрации на React.js (сайдбар с фильтрами, в основном состоящий из чекбоксов). При этом каталог товаров, который в будущем должен динамически реагировать на чекнутые чекбоксы и ...
Виталий Пуга's user avatar
1 голос
0 ответов
189 показов

Как перейти на новую версию React?

Как перейти на новую версию React, если ранее выполнял npm run eject?
Dmitry Filippov's user avatar
1 голос
0 ответов
55 показов

React. Теория. Путаница с определениями элементов и компонентов

Допустим, это render() метод некоего компонента Component1 render() { const list = this.state.array.map( item => ( <Component2 key={item.id}/> )); return (<...
Виталий Комаров's user avatar
1 голос
1 ответ
79 показов

Как правильно использовать React-router в моем случаи?

Такая ситуация: Есть главная страница index.html, на ней вообще не используется React, на главной странице есть ссылка на страницу на которой используется React. Мне нужно вывести мое приложение на ...
uzi_no_uzi's user avatar
  • 2,186
1 голос
0 ответов
65 показов

Как сделать наблюдаемыми геттеры объекта, который в массиве

Делаю следующее: MyClass:{ val1: (...) val2: (...) get val1: ƒ () set val1: ƒ (x) get val2: ƒ () set val2: ƒ (x) } @observable x = []; const a = new MyClass(); @action add = () => this.x....
Землянин Великолепный's user avatar
1 голос
1 ответ
421 показ

Gmail API with React

Пытаюсь построить приложение используя gmail api на react. Для авторизации использую библиотеку "react-google-login", export default class App extends Component { service = new Service(); ...
Анна Тот's user avatar
1 голос
1 ответ
87 показов

React js компонент

Пытаюсь воплотить вот это приложение http://todomvc.com/examples/react/#/ Имею два компонента, NoteList где имеется сам input и откуда должны по идее создаваться записи, и сама запись Note. Получается ...
Дядя Фея's user avatar
1 голос
1 ответ
188 показов

Запуск reactjs на хостинге

Делаю yarn build yarn global add serve serve -s build import React, { Component } from 'react'; import './App.css'; import { Link } from 'react-router-dom'; import firebase from 'firebase'; import {...
Alinochka2579's user avatar
1 голос
1 ответ
2k показов

Как в React подключить динамический импорт картинки?

При написании очередного компонента, React удивил тем, что динамически не может дотягивать ссылки. Требует явный статический путь import image from "../../../resources/images/...
Eugene Kavalchuk's user avatar
1 голос
1 ответ
578 показов

Как мне реализовать select в react?

Пытаюсь понять как работает select вместе с react+redux. Не пойму как мне изменять state по событию handleChange, тоесть записать выбранный параметр, так как он может быть только один? Кто то может ...
max's user avatar
  • 523
1 голос
1 ответ
187 показов

Управление состоянием React приложения, когда логика определена вне компонента

Есть компонент App, который пробрасывает массив с адресами (locations) в компонент Map, представляющий карту с метками по указанным адресам, в компонент List, представляющий список адресов, и в Input, ...
Vitaly Krenel's user avatar
1 голос
1 ответ
142 показа

Как размножить один и тот же stateless компонент, что бы у каждого был автономный state? Используя бибилиотеку recompose

Вопрос к специалиста по React.js есть stateless компонент import { connect } from 'react-redux'; import { compose, withState, withHandlers, } from 'recompose'; import PropTypes from '...
sinevik's user avatar
  • 183
1 голос
0 ответов
27 показов

подскажите, можно ли как-то между роутами сохранять параметр match.params?

подскажите, можно ли как-то между роутами сохранять параметр? например match.params.id я получаю на главной странице в компоненте Main (компонент Main под ройтов /:id) /:id далее юзер ходит по ...
DFGD's user avatar
  • 47
1 голос
0 ответов
48 показов

Как получить историю push в react router?

import { push } from 'react-router-redux' ... dispatch(push(path)) dispatch(push(path)) dispatch(push(path)) Как получить весь список того что было помещено в push? То есть то что будет затем ...
manking's user avatar
  • 6,393
1 голос
1 ответ
171 показ

Переброска события onClick из одного класса в обработчик событий другого класса

Как передать событие onClick из одного класса в обработчик событий другого класса? (Клик по кнопке в Дропдауне в Файл_1 должен открыть Модальное окно (Файл_2). Файл_1 class NavMenu extends ...
Cold Pol's user avatar
  • 185
1 голос
0 ответов
28 показов

Как проверить является ли файл каталогом?

Вот вызывается метод onDrop, в acceptedFiles данные такие onDrop(acceptedFiles, rejectedFiles) { acceptedFiles[0]; } Это папка node-v10.10.0-linux-x64. : File(4096) lastModified: ...
manking's user avatar
  • 6,393
1 голос
0 ответов
744 показа

Скрестил Formik и ANTD помогите получить данные с формы

Всем привет, традиционно "Я новичок" и всё остальное. ;) Удалось мне скрестить форму от ant.design и Formik. (Ушло 2 дня, как говорил, я новичок). Выглядит шикарно, и валидация от Formik работает. И ...
Андрей Смирнов's user avatar
1 голос
1 ответ
243 показа

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

Сделал маленький проект в котором использовал react,redux,redux thunk.Когда пользователь заходит в приложение все action делают асинхронные запросы и пополняют данные reducera.Но когда данные из ...
Zhasulan Alen's user avatar
1 голос
0 ответов
38 показов

Редактирование пользователей из админки [закрыт]

Есть админка в которой нужно реализовать возможность редактрировать пользователей, представленных в формате: [{id:1, name: 'name'},{...},...]. Формат payload post-запроса: {id:2, name: 'name2'}. Сам ...
zapahzamazk1's user avatar
1 голос
0 ответов
65 показов

Не удается вызвать setState для компонента, который еще не установлен [закрыт]

Есть 2 компонента: форма входа, форма регистрации. Есть функция, которая в зависимости от состояния отображает нужный компонент. Каждый компонент содержит в себе форму с кнопками, нажатие на кнопку ...
Yiulia's user avatar
  • 131
1 голос
0 ответов
961 показ

Почему store не обновляет компоненты когда изменилось его состояние (mobx)?

Когда вызывается setActiveCandidate меняются данные в this.state. Однако компоненты которые подписаны на этот store не обновляются. import { decorate, observable, configure, action, computed ,autorun ...
manking's user avatar
  • 6,393
1 голос
0 ответов
343 показа

Как помечать активные ссылки навигации в роуте react?

Например есть 3 роута. уровень - пункт левого меню - выбрали пункт магазин (shop). уровень - где ищется id товара уровень - где мы продали товар с этим id URL получается такой http://localhost:3000/...
manking's user avatar
  • 6,393
1 голос
0 ответов
279 показов

Как узнать нажата ли клавиша при создании компонента React

Как узнать нажата ли клавиша при создании компонента React(в ComponentDidMount). Мне необходимо создавать компоненты по нажатию Ctrl+Enter, при этом обработчик находится в каждом компоненте. Хотелось ...
Denis Lopatin's user avatar
1 голос
0 ответов
350 показов

Какие вопросы на собеседовании могут задавать по mobx и redux/flux? [закрыт]

Собственно интересует какие вопросы на собеседовании могут задавать по mobx и redux/flux?
Mira Terenteva's user avatar
1 голос
1 ответ
606 показов

React.js: логика обработки модального окна

Не могу понять, каким образом стоит отлавливать действия пользователя в модальном окне. У меня есть родительский компонент, есть компонент модального окна и логическая функция. Логическая функция ...
Maria Lifshits's user avatar
1 голос
1 ответ
677 показов

Правильное обновление вложенных в state объектов в Reactjs

Друзья, у меня имеется сложная форма с множеством полей ввода и state React-приложения, представляющее из себя объект с полями и другими вложенными объектами для хранения и валидации полей данной ...
Yuriy Tatarintsev's user avatar
1 голос
1 ответ
92 показа

React.JS - Как получить состояние каждого child

Есть parent компонент. В нем есть массив данных (в моем случае это картинки). С помощью map я перебираю этот массив и создаю child компонент. Выглядит примерно так: this.state.uploadedFiles.map((el, ...
Alex  Repryntsev's user avatar
1 голос
1 ответ
281 показ

React constructor зменение константы в конструкторе из дочернего компонента

Здраствуйте, подскажите пожалуйста можно ли вообще изменять константы объявленые в конструкторе? если да то как?) я хочу чтобы в const html записывались данные из дочернего элемента, но что-то вообще ...
uniCorn's user avatar
  • 15
1 голос
2 ответа
489 показов

node_modules весит 200 мб,что я делаю не так?

В созданном приложение на react папка node_modules весит 200 мб, как ее конвертировать или может я какую то команду не прописал чтобы оно все сжалось?
Emilcul's user avatar
  • 11
1 голос
0 ответов
66 показов

Почему компонент не вызывается заново?

Изучаю react.js. Есть компонент, в котором находится инпут. Пользователь вводит имя персонажа. По изменению значения поля происходит событие onChange, рендерится новый компонент, куда отправляется ...
Андрей's user avatar
1 голос
0 ответов
39 показов

Почему неправильно работает shouldComponentUpdate после использования setState в функции?

import React, {Component} from 'react'; import RaisedButton from 'material-ui/RaisedButton'; class BrandModels extends Component { constructor(props) { super(props); this....
Vanya Guk's user avatar
  • 117
1 голос
1 ответ
983 показа

React и Сканер штрих кодов

есть React приложение в котором можно осуществить поиск в списке товаров по имени, id, штрих коду. Весь этот поиск осуществляется с помощью одного input. т.е. вводишь любые данные, а скрипт сам ищет ...
elossa's user avatar
  • 149
1 голос
0 ответов
41 показ

Что такое события верхнего уровня?

При прочтении статьи, наткнулся на следующее React не назначает события на дочерние элементы сам. React будет слушать все события на верхнем уровне, используя простой слушатель событий. Это хорошо ...
PolarBear's user avatar
1 голос
0 ответов
217 показов

React App - примеры профессионального кода [закрыт]

Здравствуйте, работаю над проектом с использованием React. Проект начал делать 2 месяца назад - после недели знакомства с React. Все далось достаточно легко. Проект достаточно большой и вроде бы все ...
elossa's user avatar
  • 149
1 голос
0 ответов
375 показов

react-google-maps обновление точек маршрута (Waypoints in directions)

Подскажите как реализовать событие по нажатию кнопки - обновление маршрута между пинами(маркерами), реализовал динамическое наполнение маркеров из json, также сделал кластеризацию их... У меня есть ...
VReactor's user avatar
1 голос
0 ответов
400 показов

React отправка формы с файлом

Использовал fetch(), не вышло, пытаюсь через formData, тоже не выходит let formData; handleSubmit(event) { event.preventDefault(); formData = { name: this.state.name, ...
Roman Kh's user avatar
  • 652