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

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

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

Жутко лагает CSS

Есть задача отобразить данные в виде таблицы. Решил сделать флексбоксами. Получается так: основной flex-контейнер (flex-direction: column) и в нем много (несколько десятков) флексбоксов (flex-...
KeZina's user avatar
  • 1
0 голосов
1 ответ
85 показов

Как сделать график на javascript, чтобы на каждой высоте был свой цвет? (Как на картинке)

Пишу приложение для vk на React.js, и мне нужен график, как на картинке. Как сделать такое разделение цветов по высоте? Пробовал использовать библиотеку React-Vis, но не получилось.
D3Bob's user avatar
  • 11
0 голосов
1 ответ
102 показа

Как вывести из mysql контент содержащий в себе html при помощи node js

Суть в названии вопроса. Подробнее... на node.js делаю запрос к БД const express = require('express') const router = express.Router() const pool = require('../database') router.get(...
medvedev's user avatar
  • 117
2 голоса
1 ответ
2k показов

useEffect срабатывает каждый раз при изменении стейта

Изучаю React хуки, решила заменить метод жизненного цикла componentDidMount на useEffect, но он должен срабатывать один раз при первоначальном рендере, но срабатывает каждый раз при изменении стейта. ...
Sasha Zabelina's user avatar
-1 голос
1 ответ
51 показ

Как передать параметр из массива объектов

у меня в БД сущность координаты представлена 3-мя полями Name, CoordX,CoordY. Объявлен state:{coord:{}}, который после get запроса примет значения из бд и получается массив объектов.{[name:"...",...
Max Smart's user avatar
0 голосов
2 ответа
76 показов

React. Material-UI. Передать результат выполнения функции в аттрибут компонента

Есть функция, которая возвращает значение. Если её повесить на onClick = {params} ... const params = async () => { console.log((await axios.get('https://some.url/api/calls/...
Konstantin Veselovskii's user avatar
0 голосов
1 ответ
318 показов

Ошибка не попадает в блок catch. useEffect

Разбираюсь с механикой отлова ошибок try catch в хуке useEffect. Для этого в блоке try создаю свою ошибку через throw new Error и, как я думаю, дальше программа должна перейти в блок catch и на экране ...
EgorG's user avatar
  • 167
0 голосов
1 ответ
33 показа

React обнаружил изменение порядка хуков, вызванных [закрыт]

Билжу программу и прилетает такая вот ошибка
Romaaxaa's user avatar
0 голосов
1 ответ
702 показа

React как переменную передать в функцию?

var Button = React.createClass({ render: function () { return ( <div className="buttons"> <input type="submit" className="form__btn" onClick={this.props.receiveCode} value=...
Лукас's user avatar
0 голосов
1 ответ
646 показов

React получить значение setState из другого компонента

var App = React.createClass({ render: function () { return ( <form className="form"> <h1 className="form__title">React</h1> <div className="form-wrap"&...
Лукас's user avatar
0 голосов
0 ответов
63 показа

Не происходит ререндер компонента при изменении стора после добавления драг'n'дропа

Всем привет, возникла такая проблема: есть список элементов с драг н дропом, при добавлении в него нового элемента не происходит ререндер компонента (в стор все приходит) P.S. до добавления днд все ...
Fil's user avatar
  • 1
0 голосов
1 ответ
51 показ

Как вывести элементы массива без дублирующих значений?

Как вывести элементы массива без дублирующих значений названия города? Вот код (React) // Компонент UsersList function UsersList(props) { // для удобства записываем значение props.users в ...
fake415's user avatar
1 голос
1 ответ
292 показа

Как и чем имитировать движение для input range?

Задача такая, нужно чтобы input range или кастомный slider range был не видим, видна только кнопка, которая стоит неподвижна. Что я имею ввиду, есть картинка, есть кнопка, если зажать и двигать ...
Шаир Базарбаев's user avatar
0 голосов
3 ответа
3k показов

Почему useEffect срабатывает дважды

const[update,setUpdate]=useState(false) const[data,setData]=useState([]) При отправке новых значений на сервер , useEffect срабатывает дважды и делает два get запроса useEffect(()=>{ ...
Егор's user avatar
0 голосов
1 ответ
531 показ

Как получить данные которые я передал через Link

С помощью react-router-dom я хочу передать некоторые параметры используя хуки. <Link key={index} to={{ pathname: quiz, state: { test: "test" } }}> <...
Volodumr's user avatar
  • 193
0 голосов
1 ответ
126 показов

Серверный рендер страниц не на js

Я хочу рендерить страницы на сервере, на php и java, но использовать react на клиенте, есть ли такая возможность? Возможно есть инструмент для компилирования компонентов в шаблоны (например pug, jsp ...
user347794's user avatar
0 голосов
0 ответов
181 показ

you need to enable javascript to run this app || MERN

Я делаю приложение на React-Redux-Express-MongoDb(NodeJs). У меня есть такая логика на сайте, что создается компонент Post, которому берет из адресной строки число (http://localhost5000/post/:NUMBER) ...
mbfilipp's user avatar
  • 165
0 голосов
1 ответ
102 показа

Как в React Nativ Drawer запустить Screen с параметром?

Есть меню Drawer и мне нужно не просто запустить определённый Screen, а передать параметр. Фактически будет грузится один и тот же скрин, а я буду передавать категорию, потом произойдёт подгрузка ...
Rakzin Roman's user avatar
  • 5,720
2 голоса
1 ответ
197 показов

React.js Route в компонете должны вызваться другие компоненты в зависимости от url

Я начинаю изучать react и пытаюсь его внедрить в свой старый проект. Проблема заключается в следующем. Есть App.js с Роутами import React from 'react'; import {BrowserRouter, Route} from 'react-...
TilikWebDeloper's user avatar
0 голосов
0 ответов
58 показов

Вопрос по react

в процессе изучения React возник вопрос. Стоит ли добавлять React на сайт, если нужно добавить небольшой скрипт(к примеру лендинг) или можно обойтись обычным jQuery?
Asen123's user avatar
  • 47
0 голосов
0 ответов
155 показов

Не обновляются данные в компоненте после создания новой записи

Не могу понять уже 2 день. Что я делаю не так. Я пытаюсь создать новую запись, данные улетают на сервер и записывают их в базу, и отправляет мне созданный объект я его в свою очередь добавляю в массив ...
Valera's user avatar
  • 191
0 голосов
1 ответ
1k показов

Как сделать поиск для To Do List на React?

Может кто-то объяснить концепцию выполнения поиска для ТуДуЛист. К примеру у меня есть компонента, которая отрисовывает саму задачу. <ListTasks/> В нее приходят разные props из Redux. И таких ...
Богдан Чубко's user avatar
2 голоса
0 ответов
73 показа

Когда добавляю в массив данные и вывожу в консоль получаю массив по виду пустой, хотя данные в нем есть [дубликат]

import React from 'react'; import Session from '../Session/Session'; import './MoviePage.css'; import Poster_trailer from '../Poster_trailer/Poster_trailer'; import Description from '../Description/...
kiril_petrov's user avatar
0 голосов
1 ответ
85 показов

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

После того как пользователь залогиниться, должна открываться страница с его профилем, иначе открывается форма с логином.Информация о том залогинился ли пользователь находится this.state.user render()...
Bad_m's user avatar
  • 63
1 голос
2 ответа
2k показов

Как сделать нумерацию объектов в массиве? JS[REACT]

У меня есть массив, в котором создаются объекты у которых есть (id, text, boolean). И при каждом создании нового объекта, мне нужен его порядковый номер. (1.2.3.4.5...). Как это сделать?
Богдан Чубко's user avatar
0 голосов
1 ответ
185 показов

пауза в цикле и сложные промисы react js

Ситуация следующая Имеются следующие функции: call - для обращения к API VK getMembers - получение пользователей определённой группы. (Цикл с паузой в 5 секунд между каждой итерацией) getMembersInfo ...
Michael's user avatar
0 голосов
1 ответ
50 показов

Как сделать поиск по каждому столбцу?

Есть таблица с поиском по каждому столбцу и общий поиск. Почему не работает скрипт поиска? Вроде все логично оформил Каждый input сохраняется в state, чтобы следующий input искал по уже найденным ...
VanilJS's user avatar
  • 347
0 голосов
1 ответ
78 показов

React JS. Передать класс случайному элементу массива

Всем здоровья! Подскажите, плиз, как организовать условие, чтобы показать не все картинки, а одну - рандомно. Кстати, даже так все не показываются, выдает ошибку: "Error: Too many re-renders. React ...
Ерванд С-ян's user avatar
0 голосов
1 ответ
47 показов

проблемы с хукам react

всем привет есть проблема с хуком в моем коже у ма не приложу что делать есть одно состояние options даю ему свойство по умолчанию при создание хука useState далее использую хук useEffect в нем делаю ...
Maxim Severyanov's user avatar
0 голосов
1 ответ
272 показа

Добавить папки, доступ которым можно получить без путя Create-react-app

По дефолту только к папке node_modules можно подкл без указания пути, только по названию, для доступа к библиотекам. У меня есть папки доступ к которым нужно получить из жопы проекта, в итоге выходит ...
DmitryDevelop's user avatar
0 голосов
0 ответов
94 показа

Загрузка текстур three js и react

В попытках выучить threeJS и найти годный контент начал учить по старому es5 синтаксису и столкнулся с проблемой... в чем разница между данными строками?И Какой вариант производительней? 1) const ...
Grande Capo's user avatar
1 голос
0 ответов
165 показов

Как можно заменить componentWillMount на constructor в данном случаи?

import React, { Component } from "react" import Modal from '../../components/UI/Modal/Modal'; import Aux from '../Aux'; const errorHandler = (WrappedComponent, axios) => { return class ...
Aex's user avatar
  • 21
2 голоса
1 ответ
146 показов

Redux, как отфильтровать таски

Как отфильтровать таски, и при нажатии на кнопки DONE, ACTIVE, ALL показывать соответствующие им таски? Использую connect для передачи пропсов. import React from 'react' import shortid from 'shortid';...
Богдан Чубко's user avatar
-1 голос
1 ответ
297 показов

Смена стилей input при нажатии на кнопку формы

имею форму на реакте примерно такого плана(несколько input и кнопка): <div> <div>text</div> <input className="firststate"></input> <div>text</div> <input ...
NothingChanges's user avatar
0 голосов
0 ответов
26 показов

Ошибка при загрузке gltf-файла в Reat-приложении

Создал отдельный компонент для загрузки и отображения сцены с gltf-объектом. При попытке загрузить его с помощью GLTFLoader, падает ошибка: Код загрузки gltf-объекта: setObj = () => { this....
corocoto's user avatar
  • 192
0 голосов
0 ответов
25 показов

setTimeout стакается в componentDidUpdate

Доброе время суток. React подключен к рельсам через ActionCable (вебсокет). Нужно каждое определенное время дёргать инфу с сервера и записывать в стейт. Проблема: очень сильно проседает ...
GosuGod's user avatar
  • 125
0 голосов
1 ответ
919 показов

Как сделать фильтрацию задач TO-DO-LIST с помощью React, Redux?

Ребят напишите пожалуйста как сделать фильтрацию, которая фильтрует задания на 'done', 'active' , 'all'.. Примеры в интернете ужасные или очень старые. Актуального примера я не смог найти. Вот мой ...
Dima's user avatar
  • 23
3 голоса
1 ответ
123 показа

Как заставить svg анимацию заработать в ie11

const Bar = ({ x, h }) => ( <rect className="bar" width="3" strokeWidth="1" height={h} x={x} y="0" /> ); <svg className={className} xmlns="http://www.w3.org/2000/svg" xmlns:...
Светлана Свиридова's user avatar
0 голосов
1 ответ
48 показов

Как правильно задать тип параметру в функции map?

Столкнулся с такой проблемой, пытаюсь вывести меню в реакте и задать параметру функции map нужный тип. Делаю следущим образом: interface Navigation { text: String } const Controls: React.FC = () ...
Lorax's user avatar
  • 79
-1 голос
1 ответ
23 показа

react-google-maps project on AWS

When deploying reactJS project from github to aws I have following error: Error: Cannot find module 'react-google-maps' Does anyone knows how to resolve this problem? On local host everything is ...
MemberUnit's user avatar
0 голосов
1 ответ
59 показов

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

Всем привет, подскажите пожалуйста как правильно в реакте сделать текстовый инпут, который при вводе будет порождать еще такой же инпут, который может создать следующий и так далее.
Anton Danilov's user avatar
0 голосов
1 ответ
67 показов

Не получается отправить данные о пользователе на сервер. Firebase+react

Я не понимаю, что с этим кодом не так.Он то работает, то не работает.Задача состоит в том, чтобы при нажатии на кнопку зарегистрироваться в firebase добавлялся бы пользователь(это кстати работает ...
Bad_m's user avatar
  • 63
0 голосов
1 ответ
863 показа

Как поменять значение false на true в React, reducer

Делаю TO-DO-LIST с помощью React + Redux, и не могу понять, как правильно написать CASE что бы при нажатии на задание, у него менялось значение TRUE на FALSE или наоброт с FALSE на TRUE. import ...
Dima's user avatar
  • 23
0 голосов
0 ответов
42 показа

Можно ли этот код jQuery превратить в React компонент?

Вот код: $('img.img-svg').each(function(){ var $img = $(this); var imgClass = $img.attr('class'); var imgURL = $img.attr('src'); $.get(imgURL, function(data) { var $svg = $(...
DmitryDevelop's user avatar
0 голосов
1 ответ
142 показа

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

Есть сайт, который работает на React. Есть ли какой-нибудь способ скриптом (Python, JS язык особо не важен) забрать данные из props одного компонента. Пока нашел способ получить доступ к этим данным ...
pank's user avatar
  • 2,558
0 голосов
1 ответ
15 показов

Ramda не хочет работать без обертки в функцию

let isOver18 = person => R.lte(18, R.prop('age', person)) Надо что б работало без обертки в функцию с person. Что-то вроде let isOver18 = R.lte(18, R.prop('age')) - это не работает, где person ...
V F's user avatar
  • 1
1 голос
1 ответ
459 показов

React подключение компонентов

Два js-файла находятся в одной папке "src", пользуюсь create-react-app. Почему я не могу отрендерить в другом файле, несмотря на то, что я импортировал, и путь указан верно? Когда рендрю в том же ...
Захар's user avatar
1 голос
0 ответов
49 показов

Svg не работает анимация в IE11

не работает анимация в иконке в IE11 <svg className={className} xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43" height="43" viewBox="0 0 43 43"> ...
Светлана Свиридова's user avatar
0 голосов
0 ответов
65 показов

React крашится при обработке события onChange на элементе input

Есть "поисковая строка" которая представляет из себя обычный input с событием onChange, во время которого на сервер отправляется запрос через axios, получаем список найденных результатов в виде json и ...
Ruslan's user avatar
  • 25
0 голосов
1 ответ
281 показ

Правильно менять title через document.title в create-react-app приложении?

Как правильно менять title страницы в SPA приложении create-react-app? Я попробовал через простой document.title в коде, всё работает, теперь вопрос можно ли так делать и правильно ли это? Вопрос ...
DmitryDevelop's user avatar