Вопросы с меткой [react-hook]

Хуки это новая концепция, которая позволяет использовать стейт и другие возможности React в функциональных компонентах, без необходимости задействования классов.

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

Помогите вызвать в React {const}

const Change = (individualSpan) => { filterFunction(individualSpan.idNumber); } как вызвать эту константу. получается только через onClick={Change} все другие попытки дают ошибки. вопрос как можно ...
Roma's user avatar
  • 1
0 голосов
0 ответов
11 показов

i18next.js:25 не удалось загрузить перевод пространства имен для языка ru не удалось выполнить синтаксический анализ

Уже битый час не получается подключить i18next. Проблема заключается в i18next-http-backend. Если подключаю без него, как указано вот тут, c переменной и переводом прямо в init: https://www.i18next....
Dioneer's user avatar
0 голосов
0 ответов
11 показов

Swiper.js событие onReachEnd срабатывает дважды

Использую свайпер для показа карточек постов и по идее, если потянуть слайды, находясь в конце списка, должна срабатывать функция, которая показывает спиннер и подтягивает новые поста. Все работает, ...
magrega's user avatar
  • 11
0 голосов
1 ответ
35 показов

React. Не обновляется компонент после обновления useState

Есть приложение на React, в котором 2 страницы. Первая страница запускает видео файл на весь экран. Вторая страница должна управлять первой (менять видео). На второй странице создаю: <input ...
AnB's user avatar
  • 1
0 голосов
0 ответов
24 показа

Клиент не отправляет некоторые secure cookie

После 'авторизации' сервер присылает мне ответ с тремя httpOnly куками, но при попытке отправить ему следующий запрос, включающий эти куки он почему то отправляет только куки с сессией, а куки с ...
Sergey Inozemcev's user avatar
1 голос
1 ответ
22 показа

react: как в функциональном компоненте понять, что было изменено значение атрибута

есть функциональный компонент React Header: const Header = (props) => { [value, setValue] = useState(() => { console.log('создание компонента'); return props.attr; }); ...
Zhihar's user avatar
  • 36.9k
0 голосов
1 ответ
12 показов

Нужно чтобы по клику на кнопку выводило данные с инпута в консоль , но почему то они выводятся каждый раз при изменении инпута

function Text() { const [text, setText] = useState(""); return ( <div className="white"> <input type="text" placeholder="enter" onChange={...
vitaliy125's user avatar
0 голосов
0 ответов
23 показа

Не работает модальное окно в React Native TypeScript

Я пытаюсь через useState передать значение из одного файла, где находится кнопка и функция, в другой файл в котором само модальное окно находится. Я явно что то делаю не так, вот код: Первый файл с ...
Artur Fik's user avatar
0 голосов
0 ответов
24 показа

Invalid hook call

Вроде всегда рендерил данных способом, сейчас вылезает ошибка. Пожалуйста, помогите разобраться в чём проблема. Вот мой код: import React from 'react'; import ReactDOM from 'react-dom/client'; import '...
Bob's user avatar
  • 1
0 голосов
1 ответ
30 показов

REACT значение на странице не совпадает со значением в консоли

есть компонент Counter, который по клику прибавляет и убавляет значение count. count это state, который идет выше в родительский компонент и вызывает функцию onCountChange в родительском компоненте. (...
NaN-Simon's user avatar
2 голоса
1 ответ
106 показов

Как внутри REACT компонента сделать цикл, если используется useState?

Изначально отправляю массив объектов чтобы вывести список чекбоксов. <Checkbox checkboxProps = {checkboxButtonsDataArr}/> Нужно чтобы на выходе внутри <form></form> было 3 <label&...
NaN-Simon's user avatar
0 голосов
0 ответов
20 показов

Как вызвать const из const с актуальным useState?

Когда мы вызывает одну функцию из другой. То значения получаем изначальное. Возможно ли актуальное? const [text, setText] = useState('привет'); useEffect(() => { add(); }); ...
Andrei's user avatar
  • 1
0 голосов
3 ответа
30 показов

Удалить повторные значения свойства "name" в объекте useState

Удалить повторяющиеся сво-ва в объекте, который в массиве useState. Затем полученный уникальные массив с объектами запушить в другой useState Пример: const[arr, setArr] = useState([ /* ввод */ {...
Murad Imanov's user avatar
1 голос
1 ответ
95 показов

Не двигается ползунок у input range

Всем привет! Не работает ползунок у input range хотя его value меняется. У меня два input в один вводится число и input range подстраивается под него. Либо когда меняем значение input range оно же и ...
Саша Ни's user avatar
0 голосов
1 ответ
33 показа

Добавление и удаления товара по клику на товар React

Доброе время суток! подмогите справится, не пойму почему код не работает. нужно по клику добавлять, удалять товар в/из корзины. из дочернего компонента приходит сам item, и выбранный товар checked ...
Andrey Molodyk's user avatar
0 голосов
0 ответов
36 показов

лайки на react от разных пользователей

имеется сервис на фронте, с помощью которого в компоненте я пытаюсь дать пользователям возможность ставить лайки: public async follow(vacationId: number): Promise<void>{ try{ ...
Dolbolob's user avatar
0 голосов
0 ответов
21 показ

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

Изучаю React и столкнулся с проблемой. Мне нужно дать дочернему компоненту (Button) "сигнал" о том что нужно изменить стейт active на false, но не могу никак передать. Если передаю через ...
Jonini's user avatar
  • 1
0 голосов
1 ответ
35 показов

Не передать значение в состояние, React

Не понимаю, почему я не могу передать значение в состояние. На первый взгляд все правильно. loginStatus2, равняться значению по умолчанию, хотя он должен быть равен true/false в зависимости от того ...
Anton Buketov's user avatar
1 голос
1 ответ
80 показов

React JS создать счетчик без useState (чтобы не обнулялся)

В моем проекте есть кнопка для копирования элемента (table). При копировании каждая новая копия создается с именем и порядковым номером. При закрытии страницы стейт обнуляется, если я хочу создать еще ...
MIA's user avatar
  • 29
0 голосов
0 ответов
18 показов

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

У меня есть прозрачное меню с position:fixed и, и при начале сколлинга мне надо чтобы фон задался белым цветом. Проблема в том что я не могу при сколлинге отследить тот самый отступ окна. У меня даже ...
Рустик Васильев's user avatar
1 голос
1 ответ
26 показов

Дополнить программу так, чтобы в previousInputValue сохранялось предыдущее введенное значение, с помощью useRef

Дан следующий код: import { useState, useEffect, useRef } from "react"; function App() { const [inputValue, setInputValue] = useState(""); const previousInputValue = useRef(&...
Alexx213's user avatar
0 голосов
1 ответ
18 показов

Необходимо дописать код таким образом, чтобы появилась возможность завершать праздники - возможность снять галочку

Вот как выглядит код: import { useReducer } from "react"; const initialHolidays = [ { id: 1, title: "Christmas", complete: true, }, { id: 2, title: &...
Alexx213's user avatar
-2 голоса
1 ответ
26 показов

react js как из дочернего передать в родительский

Я вроде правильно написал но всё равно не работает, вот код: APP: import React, { useState } from "react"; import Increment from "./Increment&Decrement" function App() { ...
Карапет Саян's user avatar
0 голосов
1 ответ
99 показов

Смена ночной/светлой темы на разных страницах React приложения

Есть код, который переключает id {theme} в зависимости от нажатой кнопки, но он делает это в пределах одной страницы. Мне нужно решение как сделать так, чтобы id переключался на разных страницах в ...
Tail_Wind's user avatar
0 голосов
1 ответ
27 показов

Как передать функцию initialInput из useEffect() в тег input?

Получаю актуальный id input только в useEffect, мне нужно передать индекс в функцию initialInput для изменений значений в input. Как это сделать? import React, {useEffect, useState} from 'react'; ...
BladeHeroku's user avatar
0 голосов
0 ответов
20 показов

У меня есть компонент список контактов, при нажатии на кнопку save он переходит в раздел edit. Как мне реализовать edit компонент. Новичок в реакте

КОМПОНЕНТ EDIT ПО ИЗМЕНЕНИЮ ДАННЫХ, ЗДЕСЬ Я ВЫВОЖУ ДАННЫЕ(КАК В КОМПОНЕНТЕ PROFILE) И ПЫТАЮСЬ ИЗМЕНИТЬ С ПОМОЩЬЮ USESTATE import logo from "../../photos/avatar.png"; import { style } from &...
Байэл Назаров's user avatar
0 голосов
1 ответ
186 показов

use effect сам повторяется

После запуска код начинает сам повторяться (делается бесконечный цикл) и крашится ` const [track_data, set_track_data] = React.useState({}) React.useEffect(()=>{ var datas = { "name&...
Артём Ваганов's user avatar
0 голосов
0 ответов
17 показов

React. Не изменяется значение useState через хук [дубликат]

Всем привет. Имеется следующая проблема. У меня есть хук, который возвращает какие-то поля: export const useFields = () => { const [foo, setFoo] = useState<string>(""); ...
Andrew Stark's user avatar
1 голос
0 ответов
72 показа

Как работает useState в реакте

Есть много примеров упрощенной реализации useState, чтобы объянить как он работает. Суть в следеующем, хранить масссив вызовов useState и при вызове изменения значения, сбрасывать счетчик вызова и ...
Krezo's user avatar
  • 31
0 голосов
1 ответ
215 показов

Как начать отсчет таймера при нажатии на кнопку?

Учу React второй день. Застрял на проблеме как начать отсчет таймера при нажатии на кнопку. Хочу сделать приложение, которое считает клики в секунду. Когда я первый раз нажимаю на кнопку то хочу чтобы ...
user avatar
0 голосов
1 ответ
59 показов

Порядок срабатывания хука useEffect при клике и CSS ,

useEffect(() => { setScale(zoom ? 1 : 0.33) zoom ? containerRef.current?.scrollTo(1430, 1820) : containerRef.current?.scrollTo(0, 0) }, [zoom]) //translate(${zoom ? mapPosition.x : 0}px, ${...
ИВанов Иван's user avatar
1 голос
1 ответ
313 показов

Запрет ввода в input в зависимости от value в react-hook-form

Я настроил так useForm: const { register, watch, handleSubmit, setValue, setError, formState: { errors } } = useForm<UserSubmitForm>({ defaultValues: { ...
elarri's user avatar
  • 149
0 голосов
0 ответов
24 показа

Не импортируются изображения в React методом map

Столкнулся с такой проблемой Хочу добавить блоки в компонент реакта локальные изображения. Перепробовал многое Вот сам компонент import React, { useState } from 'react' import HeaderImage1 from '../../...
Aleksandr's user avatar
0 голосов
0 ответов
31 показ

Хочу при нажатии на кнопку скрывать элемент массива как бы в "disabled"

Обычный ToDo App проект для себя. С удалением одного элемента массива из списка элементов вроде понятно все. Но не могу понять как реализовать функцию, которая будет изменять один элемент, делая его ...
Denis's user avatar
  • 1
1 голос
1 ответ
42 показа

Почему input textare не получает данные?

Я использую для формы react-hook-form. Мне нужно получить данные из input textarea, но объект получает пустой teaxtarea. В чем проблема и как исправить? const { register, handleSubmit, formState: { ...
Alexsander's user avatar
-1 голос
1 ответ
197 показов

Почему ползунок input range не работает?

Буду благодарен, подскажите как ограничить длину ввода и почему не работает ползунок input type=range import React from "react"; import { useState, useRef, useEffect } from "react"; const ...
Andrey Molodyk's user avatar
0 голосов
0 ответов
19 показов

React проблема бесконечного ререндеринга

Написал свой кастомный хук для отправления запросов, и иногра нужно вручную повторить запрос в компоненте. Но происходит бесконечное зацикливание. С работой хука ознакомился, но не пойму почему ...
user527129's user avatar
1 голос
1 ответ
21 показ

useState в React

Прошу мне объяснить. У меня есть: const [dialogs, setDialogs] = useState([ { chat_id: 0, messages: [ { chat_id: 0, text: "test1" }, { chat_id: 0,...
Ak - kula Life's user avatar
1 голос
1 ответ
257 показов

Дата и время, которая приходит из UseState отображается неправильно

Как не преобразую в new Date(), изчезает весь HTML и соответственно выдает ошибку. Подскажите, как преобразовать дату, которая приходит из стейта selected => '2022-10-26T15:44:01.000Z ', в => '...
Murad Imanov's user avatar
0 голосов
0 ответов
120 показов

Простейший чат на React.js + Socket.io

Я пытаюсь создать простейщий чат "Тет-а-тет" на MERN + socket.io Вот код сервера: io.on("connection", (socket) => { socket.join("room1"); socket.on("CHAT:NEW_MESSAGE", (data) =...
Ak - kula Life's user avatar
0 голосов
1 ответ
33 показа

Обновление обьектов через setState()

const [state, setState] = useState({ temperature: 1, scale: "c" }); Задаю state таким образом, пытаюсь засетать новый обьект: const handleCelsiusChange = (temperature) => { setState({...
Maks Shevchenko's user avatar
0 голосов
1 ответ
46 показов

Как получить изменённый state в React js

Вопрос довольно примитивный, но конкретного ответа на него я не нашел. В общем у меня есть некий стейт, который должен корректно отображаться при нажатии на кнопки например const [index, setIndex] = ...
Vladyslav's user avatar
0 голосов
0 ответов
35 показов

можно ли использовать react hook в компоненте высшего порядка(HOC)?

хочу реализовать проверку авторизован пользователь или нет что бы не дублировать код надо использовать именно компоненты высшего порядка до этого с ними я не работал поэтому не получается решить ...
qwerf's user avatar
  • 5
0 голосов
0 ответов
26 показов

Не обновляется state

Есть вот такой код. const [searchText, setSearchText] = useState({ tableField:'',searchText:'',searchСondition:'' }) const onChangeHandler = (e:any)=> { setSearchText({...searchText, [e....
Artem Kablihin's user avatar
0 голосов
1 ответ
174 показа

Как передать данные с input на другую страницу

Есть страница Admin с инпутами, когда мы вводим данные мы должны сохранить их и передать на другую страницу Home. Но они не связаны никак. Подскажите как это сделать Страница Admin: import React, {...
Ruslan Ruslan's user avatar
0 голосов
0 ответов
30 показов

UseRef не работает с body внутри Helmet

import React from 'react' import { HelmetProvider, Helmet } from 'react-helmet-async' import tw from "tailwind-styled-components" import { backgroundColorIsLight } from '../utils' import { ...
Sergey Inozemcev's user avatar
0 голосов
1 ответ
120 показов

Отменить повторный рендеринг элементов в React, при добавлении нового элемента в массив

Подскажите пожалуйста, как предотвратить повторный рендеринг всех элементов, при добавлении нового в массив. Чтобы рендеринг был только последнего добавленного, без перерендеринга предыдущих. const [...
Propool's user avatar
  • 31
0 голосов
0 ответов
63 показа

React + Redux Удаление карточки товара не работает и слетела функция подсчитывающая количество товара на главной странице

Пытаюсь осуществить функцию удаления товаров по клику на кнопку с помощью метода filter, но почему-то не выходит. Подскажите пожалуйста, что я делаю не так? Кроме того слетела функция подсчета товара ...
Kolamik's user avatar
  • 93
1 голос
0 ответов
307 показов

React. Как осуществить добавление товара в корзину?

Нужно реализовать на реактe добавление карточек товаров в корзину и в корзине осуществить подсчет общей суммы и функцию удаления товаров из нее при необходимости. Пока не совсем понимаю, как это можно ...
Kolamik's user avatar
  • 93
0 голосов
1 ответ
158 показов

React. Как реализовать функции складывания товара в корзину и счетчика суммы и товара

Изучаю react. Поставила себе задачу реализовать функции, как в интернет магазине: есть карточки товаров при клике на значок "+" они должны складываться в корзину и на главной странице должно ...
Kolamik's user avatar
  • 93