Вопросы с меткой [react-hook]
Хуки это новая концепция, которая позволяет использовать стейт и другие возможности React в функциональных компонентах, без необходимости задействования классов.
255
вопросов
0
голосов
1
ответ
24
показа
Помогите вызвать в React {const}
const Change = (individualSpan) => { filterFunction(individualSpan.idNumber); }
как вызвать эту константу. получается только через onClick={Change} все другие попытки дают ошибки.
вопрос как можно ...
0
голосов
0
ответов
11
показов
i18next.js:25 не удалось загрузить перевод пространства имен для языка ru не удалось выполнить синтаксический анализ
Уже битый час не получается подключить i18next.
Проблема заключается в i18next-http-backend. Если подключаю без него, как указано вот тут, c переменной и переводом прямо в init: https://www.i18next....
0
голосов
0
ответов
11
показов
Swiper.js событие onReachEnd срабатывает дважды
Использую свайпер для показа карточек постов и по идее, если потянуть слайды, находясь в конце списка, должна срабатывать функция, которая показывает спиннер и подтягивает новые поста. Все работает, ...
0
голосов
1
ответ
35
показов
React. Не обновляется компонент после обновления useState
Есть приложение на React, в котором 2 страницы. Первая страница запускает видео файл на весь экран. Вторая страница должна управлять первой (менять видео).
На второй странице создаю:
<input ...
0
голосов
0
ответов
24
показа
Клиент не отправляет некоторые secure cookie
После 'авторизации' сервер присылает мне ответ с тремя httpOnly куками, но при попытке отправить ему следующий запрос, включающий эти куки он почему то отправляет только куки с сессией, а куки с ...
1
голос
1
ответ
22
показа
react: как в функциональном компоненте понять, что было изменено значение атрибута
есть функциональный компонент React Header:
const Header = (props) => {
[value, setValue] = useState(() => {
console.log('создание компонента');
return props.attr;
});
...
0
голосов
1
ответ
12
показов
Нужно чтобы по клику на кнопку выводило данные с инпута в консоль , но почему то они выводятся каждый раз при изменении инпута
function Text() {
const [text, setText] = useState("");
return (
<div className="white">
<input type="text" placeholder="enter" onChange={...
0
голосов
0
ответов
23
показа
Не работает модальное окно в React Native TypeScript
Я пытаюсь через useState передать значение из одного файла, где находится кнопка и функция, в другой файл в котором само модальное окно находится. Я явно что то делаю не так, вот код:
Первый файл с ...
0
голосов
0
ответов
24
показа
Invalid hook call
Вроде всегда рендерил данных способом, сейчас вылезает ошибка. Пожалуйста, помогите разобраться в чём проблема.
Вот мой код:
import React from 'react';
import ReactDOM from 'react-dom/client';
import '...
0
голосов
1
ответ
30
показов
REACT значение на странице не совпадает со значением в консоли
есть компонент Counter, который по клику прибавляет и убавляет значение count. count это state, который идет выше в родительский компонент и вызывает функцию onCountChange в родительском компоненте. (...
2
голоса
1
ответ
106
показов
Как внутри REACT компонента сделать цикл, если используется useState?
Изначально отправляю массив объектов чтобы вывести список чекбоксов.
<Checkbox checkboxProps = {checkboxButtonsDataArr}/>
Нужно чтобы на выходе внутри <form></form> было 3 <label&...
0
голосов
0
ответов
20
показов
Как вызвать const из const с актуальным useState?
Когда мы вызывает одну функцию из другой. То значения получаем изначальное. Возможно ли актуальное?
const [text, setText] = useState('привет');
useEffect(() => {
add();
});
...
0
голосов
3
ответа
30
показов
Удалить повторные значения свойства "name" в объекте useState
Удалить повторяющиеся сво-ва в объекте, который в массиве useState. Затем полученный уникальные массив с объектами запушить в другой useState
Пример:
const[arr, setArr] = useState([ /* ввод */
{...
1
голос
1
ответ
95
показов
Не двигается ползунок у input range
Всем привет!
Не работает ползунок у input range хотя его value меняется.
У меня два input в один вводится число и input range подстраивается под него. Либо когда меняем значение input range оно же и ...
0
голосов
1
ответ
33
показа
Добавление и удаления товара по клику на товар React
Доброе время суток!
подмогите справится, не пойму почему код не работает. нужно по клику добавлять, удалять товар в/из корзины. из дочернего компонента приходит сам item, и выбранный товар checked
...
0
голосов
0
ответов
36
показов
лайки на react от разных пользователей
имеется сервис на фронте, с помощью которого в компоненте я пытаюсь дать пользователям возможность ставить лайки:
public async follow(vacationId: number): Promise<void>{
try{
...
0
голосов
0
ответов
21
показ
React. Как передать сигнал в дочерний компонент?
Изучаю React и столкнулся с проблемой.
Мне нужно дать дочернему компоненту (Button) "сигнал" о том что нужно изменить стейт active на false, но не могу никак передать. Если передаю через ...
0
голосов
1
ответ
35
показов
Не передать значение в состояние, React
Не понимаю, почему я не могу передать значение в состояние. На первый взгляд все правильно. loginStatus2, равняться значению по умолчанию, хотя он должен быть равен true/false в зависимости от того ...
1
голос
1
ответ
80
показов
React JS создать счетчик без useState (чтобы не обнулялся)
В моем проекте есть кнопка для копирования элемента (table). При копировании каждая новая копия создается с именем и порядковым номером. При закрытии страницы стейт обнуляется, если я хочу создать еще ...
0
голосов
0
ответов
18
показов
Как отследить при скроллинге на сколько пикселей было спущено окно в React?
У меня есть прозрачное меню с position:fixed и, и при начале сколлинга мне надо чтобы фон задался белым цветом. Проблема в том что я не могу при сколлинге отследить тот самый отступ окна. У меня даже ...
1
голос
1
ответ
26
показов
Дополнить программу так, чтобы в previousInputValue сохранялось предыдущее введенное значение, с помощью useRef
Дан следующий код:
import { useState, useEffect, useRef } from "react";
function App() {
const [inputValue, setInputValue] = useState("");
const previousInputValue = useRef(&...
0
голосов
1
ответ
18
показов
Необходимо дописать код таким образом, чтобы появилась возможность завершать праздники - возможность снять галочку
Вот как выглядит код:
import { useReducer } from "react";
const initialHolidays = [
{
id: 1,
title: "Christmas",
complete: true,
},
{
id: 2,
title: &...
-2
голоса
1
ответ
26
показов
react js как из дочернего передать в родительский
Я вроде правильно написал но всё равно не работает, вот код:
APP:
import React, { useState } from "react";
import Increment from "./Increment&Decrement"
function App() {
...
0
голосов
1
ответ
99
показов
Смена ночной/светлой темы на разных страницах React приложения
Есть код, который переключает id {theme} в зависимости от нажатой кнопки, но он делает это в пределах одной страницы. Мне нужно решение как сделать так, чтобы id переключался на разных страницах в ...
0
голосов
1
ответ
27
показов
Как передать функцию initialInput из useEffect() в тег input?
Получаю актуальный id input только в useEffect, мне нужно передать индекс в функцию initialInput для изменений значений в input. Как это сделать?
import React, {useEffect, useState} from 'react';
...
0
голосов
0
ответов
20
показов
У меня есть компонент список контактов, при нажатии на кнопку save он переходит в раздел edit. Как мне реализовать edit компонент. Новичок в реакте
КОМПОНЕНТ EDIT ПО ИЗМЕНЕНИЮ ДАННЫХ, ЗДЕСЬ Я ВЫВОЖУ ДАННЫЕ(КАК В КОМПОНЕНТЕ PROFILE) И ПЫТАЮСЬ ИЗМЕНИТЬ С ПОМОЩЬЮ USESTATE
import logo from "../../photos/avatar.png";
import { style } from &...
0
голосов
1
ответ
186
показов
use effect сам повторяется
После запуска код начинает сам повторяться (делается бесконечный цикл) и крашится
`
const [track_data, set_track_data] = React.useState({})
React.useEffect(()=>{
var datas = {
"name&...
0
голосов
0
ответов
17
показов
React. Не изменяется значение useState через хук [дубликат]
Всем привет. Имеется следующая проблема.
У меня есть хук, который возвращает какие-то поля:
export const useFields = () => {
const [foo, setFoo] = useState<string>("");
...
1
голос
0
ответов
72
показа
Как работает useState в реакте
Есть много примеров упрощенной реализации useState, чтобы объянить как он работает. Суть в следеующем, хранить масссив вызовов useState и при вызове изменения значения, сбрасывать счетчик вызова и ...
0
голосов
1
ответ
215
показов
Как начать отсчет таймера при нажатии на кнопку?
Учу React второй день.
Застрял на проблеме как начать отсчет таймера при нажатии на кнопку.
Хочу сделать приложение, которое считает клики в секунду. Когда я первый раз нажимаю на кнопку то хочу чтобы ...
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, ${...
1
голос
1
ответ
313
показов
Запрет ввода в input в зависимости от value в react-hook-form
Я настроил так useForm:
const {
register,
watch,
handleSubmit,
setValue,
setError,
formState: { errors }
} = useForm<UserSubmitForm>({
defaultValues: {
...
0
голосов
0
ответов
24
показа
Не импортируются изображения в React методом map
Столкнулся с такой проблемой
Хочу добавить блоки в компонент реакта локальные изображения. Перепробовал многое
Вот сам компонент
import React, { useState } from 'react'
import HeaderImage1 from '../../...
0
голосов
0
ответов
31
показ
Хочу при нажатии на кнопку скрывать элемент массива как бы в "disabled"
Обычный ToDo App проект для себя. С удалением одного элемента массива из списка элементов вроде понятно все. Но не могу понять как реализовать функцию, которая будет изменять один элемент, делая его ...
1
голос
1
ответ
42
показа
Почему input textare не получает данные?
Я использую для формы react-hook-form. Мне нужно получить данные из input textarea, но объект получает пустой teaxtarea. В чем проблема и как исправить?
const { register, handleSubmit, formState: { ...
-1
голос
1
ответ
197
показов
Почему ползунок input range не работает?
Буду благодарен, подскажите как ограничить длину ввода и почему не работает ползунок input type=range
import React from "react";
import { useState, useRef, useEffect } from "react";
const ...
0
голосов
0
ответов
19
показов
React проблема бесконечного ререндеринга
Написал свой кастомный хук для отправления запросов, и иногра нужно вручную повторить запрос в компоненте. Но происходит бесконечное зацикливание. С работой хука ознакомился, но не пойму почему ...
1
голос
1
ответ
21
показ
useState в React
Прошу мне объяснить.
У меня есть:
const [dialogs, setDialogs] = useState([
{
chat_id: 0,
messages: [
{
chat_id: 0,
text: "test1"
},
{
chat_id: 0,...
1
голос
1
ответ
257
показов
Дата и время, которая приходит из UseState отображается неправильно
Как не преобразую в new Date(), изчезает весь HTML и соответственно выдает ошибку. Подскажите, как преобразовать дату, которая приходит из стейта selected => '2022-10-26T15:44:01.000Z
', в => '...
0
голосов
0
ответов
120
показов
Простейший чат на React.js + Socket.io
Я пытаюсь создать простейщий чат "Тет-а-тет" на MERN + socket.io
Вот код сервера:
io.on("connection", (socket) => {
socket.join("room1");
socket.on("CHAT:NEW_MESSAGE", (data) =...
0
голосов
1
ответ
33
показа
Обновление обьектов через setState()
const [state, setState] = useState({ temperature: 1, scale: "c" });
Задаю state таким образом, пытаюсь засетать новый обьект:
const handleCelsiusChange = (temperature) => {
setState({...
0
голосов
1
ответ
46
показов
Как получить изменённый state в React js
Вопрос довольно примитивный, но конкретного ответа на него я не нашел. В общем у меня есть некий стейт, который должен корректно отображаться при нажатии на кнопки например
const [index, setIndex] = ...
0
голосов
0
ответов
35
показов
можно ли использовать react hook в компоненте высшего порядка(HOC)?
хочу реализовать проверку авторизован пользователь или нет что бы не дублировать код надо использовать именно компоненты высшего порядка до этого с ними я не работал поэтому не получается решить ...
0
голосов
0
ответов
26
показов
Не обновляется state
Есть вот такой код.
const [searchText, setSearchText] = useState({
tableField:'',searchText:'',searchСondition:''
})
const onChangeHandler = (e:any)=> {
setSearchText({...searchText, [e....
0
голосов
1
ответ
174
показа
Как передать данные с input на другую страницу
Есть страница Admin с инпутами, когда мы вводим данные мы должны сохранить их и передать на другую страницу Home. Но они не связаны никак. Подскажите как это сделать
Страница Admin:
import React, {...
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 { ...
0
голосов
1
ответ
120
показов
Отменить повторный рендеринг элементов в React, при добавлении нового элемента в массив
Подскажите пожалуйста, как предотвратить повторный рендеринг всех элементов, при добавлении нового в массив.
Чтобы рендеринг был только последнего добавленного, без перерендеринга предыдущих.
const [...
0
голосов
0
ответов
63
показа
React + Redux Удаление карточки товара не работает и слетела функция подсчитывающая количество товара на главной странице
Пытаюсь осуществить функцию удаления товаров по клику на кнопку с помощью метода filter, но почему-то не выходит. Подскажите пожалуйста, что я делаю не так?
Кроме того слетела функция подсчета товара ...
1
голос
0
ответов
307
показов
React. Как осуществить добавление товара в корзину?
Нужно реализовать на реактe добавление карточек товаров в корзину и в корзине осуществить подсчет общей суммы и функцию удаления товаров из нее при необходимости.
Пока не совсем понимаю, как это можно ...
0
голосов
1
ответ
158
показов
React. Как реализовать функции складывания товара в корзину и счетчика суммы и товара
Изучаю react. Поставила себе задачу реализовать функции, как в интернет магазине:
есть карточки товаров при клике на значок "+" они должны складываться в корзину и на главной странице должно ...