Вопросы с меткой [react-hook]
Хуки это новая концепция, которая позволяет использовать стейт и другие возможности React в функциональных компонентах, без необходимости задействования классов.
76
вопросов
1
голос
1ответ
14 показов
React. useState + setInterval. В чем причина такого поведения state в компоненте?
Пишу на React. У меня возникли проблемы с пониманием того, что происходит с состоянием компонента при использовании хука useState совместно с функцией setInterval. Нужного поведения я добился, но в ...
1
голос
1ответ
22 показа
Как можно отпимизировать два компонента с идентичной логикой но разными action
Как можно оптимизировать два компонента, чтобы вся логика содержалась в одном. Учитывая что берётся разный state и оттуда разные action. Хранилище отличается только селектором,и поэтому можно сделать ...
2
голоса
1ответ
18 показов
useEffect + redux thunk
когда в зависимости пустой массив,рендер только раз.
Когда добавляю на сервер пост,чтобы его увидеть , нужно перезагрузить страницу.
Когда ставлю зависимость, бесконечный цикл.
Прошу помощи.
Буду ...
1
голос
1ответ
20 показов
Вычисляемые имена свойств и useState react
Собственно вопрос в том, как мне с помощью хука состояния заполнить объект состояния значениями из нескольки импутов.
Вот код, чтобы было понятнее:
import logo from './logo.svg';
import './App.css';
...
1
голос
0ответов
17 показов
Переписать компонет на Hooks
я новенький в React, изучаю React hooks. Подскажите как переписать state части классового компонента на хуки. Данные elements приходят из json файла. У меня чёт никак не выходит.
import React, { ...
0
голосов
0ответов
12 показов
Как использовать хук внутри функции для проверки параметров?
Я хочу сделать проверку, которая будет использоваться в нескольких компонентах. Суть заключается в том, что мне будет приходить индекс и я буду сравнивать его с тем, что пришёл до него. Если тот ...
1
голос
0ответов
19 показов
Рабочий таймер выводит в первый рендер нули
У меня есть таймер на хуках. Который принимает секунды. И он работает, но проблема в том, что первый после рендера или при первой загрузки показываются нули, а через пару секунды появляется время.
...
0
голосов
0ответов
18 показов
Предварительный просмотр в React (картинки)
Не могу понять как сделать так чтобы картинки отображались до того как отослать их на сервер.
Я пытался через useState сделать, но видимо плохо понимаю как он работает еще. Хук не обновляется.
Читал ...
0
голосов
0ответов
11 показов
Как можно оптимизировать этот компонент?
Только начал изучать хуки поэтому прошу не кидайтесь камнями.
Собственно, есть компонент, который должен выводить N раз другой компонент.
N это высота экрана / на высоту повторяющегося компонента.
...
2
голоса
0ответов
31 показ
Функция работает, но картинка еле крутится
Есть картинки, которые при наведении должны крутиться по осям x и y, функция вроде как рабочая, но картинки еле крутятся и сразу останавливаются, может быть я чего-то не замечаю?
import React, { ...
1
голос
1ответ
18 показов
Проблема с массивом в React
Есть массив картинок, которые должны отображаться на странице, но по какой-то причине не отображаются, я новичок в React, возможно не вижу очевидных вещей, подскажите, пожалуйста
import React from '...
0
голосов
0ответов
17 показов
Запрос на сервер после изменения 3 хуков
Когда я получаю данные я их закидываю в функцию handleSubmit, после чего в 2 хуках сбрасываю параметры а
в третий вписываю данные. После чего мне нужно сделать запрос на сервер.
Я не могу понять как ...
1
голос
0ответов
16 показов
useEffect почему то не делает setDisabled после завершения формы пока не сделаешь еще одно действие?
useEffect(() => {
const validate = () => {
if (name.length === 0 || name ==='') {
setErrors({...errors, name: true});
} else {
...
1
голос
0ответов
34 показа
Проблема с Router + UseEffect
Ситуация такая у меня есть апи(method GET) который вызывается через Context, прописал state, reducer там всё ок. Вызываю данную функцию через useEffect и она вызывается. Проблема в том, что в networke ...
0
голосов
0ответов
37 показов
Запрос к API по условию (хуки)
Компонент использует условный рендеринг. При отправке формы (компонент Block) отправляется POST запрос на сервер и затем запускается таймер. По истечении времени таймера опять рендерится форма (Block)....
1
голос
0ответов
28 показов
React Lazy Load useEffect
У меня проблема с получением clientWidth из useEffect.
Есть lazyLoad который загружает страничку с пользователями.
import { Suspense, lazy } from 'react';
const UsersContainer = lazy(() => import('...
0
голосов
0ответов
37 показов
бесконечный рендеринг in useEffect React
Как исправить эту проблему бесконечного рендеринга?
useEffect(() => {
if (userQuery === '') {
return;
}
const fetchImages = () => {
setIsLoading(true);
imageFinderAPI
....
0
голосов
1ответ
19 показов
проблемы рендеринга при использовании useEffect
Хочу сделать сортировку массива по алфавиту А-Я и Я-А, для этого при нажатии на кнопку фильтра меняю state с условиями сортировки. После запускается useEffect где и происходит сортировка массива, но ...
0
голосов
1ответ
28 показов
React и умное изменение стейта
Друзья, добрый день.
Есть стейт:
const [ingridients,setIngridients] = useState({
bacon:0,
pepper:0
})
И есть функция, которая должна менять любой из элементов объекта, ...
0
голосов
1ответ
24 показа
Переписать функцию из метода жизненного цикла на хук
У меня есть функция таймер, запускаю ее с помощью conponentDidMount, сейчас хочу переписать приложение на хуки, но проблема с сетСтейтом, не понимаю, как переписать этот кусочек с помощью хука ...
0
голосов
1ответ
156 показов
Как правильно передать массив в хук useState() React.js
Только на днях начал изучать React.js, так что не судите строго :)
Я использую функциональный подход к описанию компонентов.
Суть приложения проста: имеется кнопка "Likes" на компоненте <...
0
голосов
0ответов
25 показов
Защищенный route через react hooks
Создаю небольшое приложение, понадобилось защищать определенные страницы. Если у пользователя нет валидного token, то перенаправлять его на страницу ввода username/password для получения token. Вот ...
2
голоса
2ответа
89 показов
useEffect не вызывается при изменении ref
При изменении переменной хука useRef, не вызывается useEffect
Переменные:
const [hiddenLayers, setHiddenLayers] = useState([])
const hiddenLayersRef = useRef([createHiddenLayerElement(1)])...
2
голоса
0ответов
37 показов
Почему selector внутри useSelector запускается дважды во время исполнения компонента?
Ссылка на пример
const selector = (state) => {
console.log("invoke Selector");
return state;
};
function App() {
console.log("render App");
const count = useSelector(...
0
голосов
0ответов
23 показа
React. Повторный рендеринг
Понятно как и при каких случаях происходит повторный рендеринг и как дочерние компоненты реагируют на это... Вопрос в другом!
Вопрос:
К примеру есть Component, в котором объявлена функция(ниже), ...
0
голосов
0ответов
8 показов
как на реакте организовать sub компонент не используя класс?
Делаю компонент "Tabs" в таком синтаксисе:
<Tabs>
<Tabs.item label="First"> Content </Tabs.item>
<Tabs.item label="Second"> Content ...
0
голосов
0ответов
24 показа
Данные из react-native fetch() не отображаются в приложении
Я новичок в React Native,пробую подключить fetch к Firebase, мне пришел ответ, но данные не отображаются в приложении(просто пустой экран), при этом в консоль выводятся без проблем. Ошибок никаких в ...
1
голос
0ответов
19 показов
взаимодействие независимых компонентов ReactJs
Есть два независимых функциональных ( не имеют общего предка и один не является родителем второго) компонента React на хуках. Нужно сделать чтобы изменение состояния в первом компоненте приводило к ...
1
голос
0ответов
20 показов
React Hooks: компонент Dropdown с внешней загрузкой данных
Хочу реализовать компонент dropdown (на react hooks) в который контент выпадающего списка загружается через функцию-параметр dataSource, т.е. что-то типа такого:
function Dropdown({ dataSource }) {
...
0
голосов
1ответ
43 показа
useEffect React
Правильно ли я понимаю? Функция которая возвращается внутри UseEffect, она кроме очистки предыдущего UseEffect, может и изменять предыдущий UseEffect, к примеру тут объявлена переменная "close&...
1
голос
1ответ
70 показов
React - использование классов вместо хуков
Здравствуйте уважаемые читатели, мой вопрос заключается в том что можно ли использовать классы в React вместо хуков в 2020, является ли такой подход нормальным? Кроме этого, настанет ли время когда ...
0
голосов
0ответов
35 показов
Я отправляю post-запрос и данные на странице не обновляются сразу, а только после перезагрузки страницы
Делаю тестовое задание и есть проблема с отображением измененных данных на странице, есть некоторые количество департаментов (в данном случае - 3) и также можно обратиться к конкретному, добавив в ...
1
голос
1ответ
43 показа
Как динамически изменить массив? React js
У меня есть два компонента, в первом компоненте массив, который я хочу динамически изменить (например при нажатии на кнопку) и передать во второй компонент. Но я немного запутался. Буду благодарен за ...
0
голосов
1ответ
89 показов
Ошибка Received NaN for the `children` attribute. If this is expected, cast the value to a string. Как решить?
При Get запросе получаю объект и передаю ее через пропсы в компонент таймера, и на консоли возникает ошибка "Received NaN for the children attribute. If this is expected, cast the value to a ...
0
голосов
1ответ
42 показа
Не работает компонент Input в React из-за useForm
Всем привет! Когда заполняю данные формы, без компонента Input, то всё работает отлично.
Вот пример кода где всё работает:
Но после того как я сделал из input компонент и вставляю его в разметку, то ...
0
голосов
1ответ
25 показов
Не могу отправить форму из-за 2ух кнопок c type='submit' в ней
Я использую реакт с хуком useForm.
Мне нужно сделать так, что бы когда я сабмитил форму, я мог понять с помощью какой кнопки она отправляется "Войти" или " Зарегистрироваться" и ...
1
голос
1ответ
53 показа
Почему не работают табы в React?
Не выходит запустить работу табов в React( Ни сами табы не переключаются, ни активный класс на кнопках не срабатывает. Подскажите, пожалуйста, в чем ошибка?
https://stackblitz.com/edit/react-yitwhz
0
голосов
1ответ
45 показов
Подскажите, как в этом случаи отписаться от события использую React Hook - useEffect
// Пример функции которая несколько раз переключает слайды
const loopSlider = () => {
for (let i = 1; i <= 3; i++) {
setTimeout( () => {
...
0
голосов
1ответ
24 показа
React useEffect with WebSocket
Всем привет,есть компонент на котором отображается график пульса юзера в реал-тайме.
При открытии компонента я открываю соединение с сокетом и записываю последние сообщения от сокета в
состояние и эти ...
0
голосов
1ответ
80 показов
Сбрасывается фокус при вводе текста в input'е контролируемого компонента
Я создал кнопку, которая открывает модальное окно. Само же модальное окно реализовано с помощью порталов. В модальном окне есть input, который я зафиксировал по правилам контролируемого компонента: ...
1
голос
1ответ
35 показов
Почему не обновляется компонент после изменения состояния?
Почему же не обновляется компонент после изменения состояния?
Я пытался изменять его разными способами и это работало, но FlatList не хочет заново рендерить компоненты:
import React, { useEffect, ...
0
голосов
0ответов
7 показов
Можно ли в React сделать middleware для определённой части системы?
Нужно сделать проверку роли в личном кабинете. Думаю, что хорошим решением было бы реализовать это через middleware, чтобы не дублировать код. Вот только не нашёл примеров в гугле, чтобы так делали.
...
1
голос
1ответ
99 показов
Как передать значения переменной из useState не по ссылке?
Впервые столкнулся с проблемой передачи по значению/ссылке в JS. Использую хук useState. И обнаружил что переменные, созданные с помощью такого хука, передаются в другие по ссылке. Да не просто по ...
0
голосов
0ответов
21 показ
Установка default value для Material ui Selcet из useSelector
В дефолтное значение const [index, setIndex] = React.useState(defaultValue); не приписывается строка, которую я беру из редакса путем доставания ее с помощью useSelector.
const classes = useStyles();...
0
голосов
1ответ
36 показов
React Хуки, дочерний компонент не отрисовывает данные
Есть 2 компонента в компоненте родителе определяется массив данных и передаётся в дочерний компонент, дочерний компонент не отрисовывает полученные от родителя props.
Компонент родитель:
const ...
0
голосов
0ответов
95 показов
Добавление товара в Корзину в React
Всем привет. Работаю над не большим интернет магазином. Застрял в реализации корзины. У меня есть js файл самого продукта
import React, { Component} from 'react';
import ProductsItems from '../...
1
голос
1ответ
24 показа
Дублируется при изменении Context
Решил использовать контексты в проекте, но не совсем с ними знаком, но выбор пал на них из-за того, что потом будет разрабатываться ещё приложение на React Native и чтобы было проще перенести всё.
...
1
голос
1ответ
60 показов
Хук состояния не изменяет состояние, React
Есть страница создания новости, при отправке формы, на сервер приходит объект такого типа:
{
title: 'текст примера',
text: 'текст примера'
}
хотя он должен быть таким:
{
title: 'текст ...
0
голосов
1ответ
40 показов
Как изменить стейт при условии? React Hooks
Подскажите как изменить состояние хука setTime в данном onChange:
const [ time, setTime ] = useState('');
onChange = event => {
const re = /^[0-9\b]+$/
if (event.target.value === '' || re....
2
голоса
0ответов
44 показа
Проблема в жизненном цикле при организации пошаговой отрисовки / React-Hooks
Task:
Есть поле (грид) по которому двигается голова змейки, при нажатии на стрелки голова меняет направление.
Рендер должен происходить согласно начальной скорости (а так же может меняться в ...