Вопросы с меткой [react-hook]
Хуки это новая концепция, которая позволяет использовать стейт и другие возможности React в функциональных компонентах, без необходимости задействования классов.
210
вопросов
0
голосов
0
ответов
5
показов
React Hook Form: как сбросить value у select'ов
Есть 3 Select'a, каждый последующий зависит от предыдущего. Хочу, чтобы при смене value у предыдущего - сбрасывались value у последующих.
Для Select'ов использую React-Select, для работы с формами ...
-2
голоса
0
ответов
11
показов
У меня что-то сломалось в redax`e
Приложение на react получает из api объект с погодой и другим по мелочи. Получает оно этот объект когда маунтится компонент который эти данные использует, а потом их диспатчит в store.
useEffect(() =&...
0
голосов
0
ответов
4
показа
push в mobx зацикливается в геометрическое прогрессии
Получение данных растёт в геометрической прогрессии, получаю данные и хочу их записать в массив, но когда нажимаю на кнопку в первый раз добавляется 200 данных если второй раз нажать, то 800, хотя ...
0
голосов
0
ответов
11
показов
TypeError: json is not iterable MOBX
Получаю json с сервера, но не понимаю как его можно записать в массив объектов? Всегда получаю ошибку, TypeError: json is not iterable
import { makeAutoObservable, makeObservable } from "mobx&...
2
голоса
1
ответ
26
показов
Как указать тип обьекта который передали в компонент
Когда, принимаю объкт в другой компонент, хочу указать тип ArrayTS, но так не получается, можно только указать тип any, но тогда все свойства интерфейса теряются
interface ArrayTS {
readonly ...
2
голоса
1
ответ
20
показов
Как сделать деструкторизацию и применять несколько параметров сами обекты и props
Хочу получить значение numberArray и чтобы props, тоже работал, но когда пишу их вместе numberArray равняется undefind.
props,{numberArray}
вот так получаю.
const ReceivesDataInterface: ...
0
голосов
1
ответ
21
показ
Почему react-hook-form отправляет весь стейт а не то что выбрал пользователь?
я не могу понять почему форма отправляет весь стейт и как сделать чтобы отправлялось только то, что выбрал юзер? также для селекта использую React-Select
const [dataBase] = useState([{
city: [
...
1
голос
0
ответов
15
показов
Код не реагирует на изменения в webpack
Клонирую приложение React с git
Он жалуется, что нет файла react-scripts
Его устанавливаю npm install react-scripts --save
После его установки автоматически появляется webpack с файлами, там нахожу ...
0
голосов
1
ответ
37
показов
Насколько глубоко нужно использовать TypeScript в React
Изучила основы ts, понимаю, что кода мы создаём переменные мы используем типы данных, но вопрос нужно ли всегда указывать вот такие специфичные типы данных функций React.ChangeEvent или это лишние и ...
0
голосов
2
ответа
24
показа
Как поместить массив в форму?
пытаюсь создать форму регистрации. Не могу понять как поместить массив с объектами в форму, использую библиотеку react-hook-form. Как пример это добавление меток в раздел "Метки" при ...
0
голосов
0
ответов
10
показов
Как переделать функциональную компоненту с useEffect под классовую?
Есть компонент, таймер обратного отсчета, написанный через useEffect.Решил личного опыта переделать под классовую компоненту, и тут возникли проблемы. Не совсем понимаю, как правильно нужно перенести. ...
0
голосов
0
ответов
18
показов
react-i18next сбивается при перезагрузке страницы
При перезагрузке страницы сбивается перевод
И вместо, например, 'settings' в компонент выводится "TRANSLATION.COMPONENTS.SIDEBAR.SETTINGS"
Причём, перевод сбивается если перезагрузка ...
0
голосов
1
ответ
28
показов
React hook form: как вбить в поле значение из props?
Есть компонент, который использует кастомные инпуты (CustomInput) и принимает некоторые пропсы (data). Мне нужно, чтобы значения из пропсов сразу подставлялись в инпут при монтировании компонента. Как ...
0
голосов
0
ответов
22
показа
Обработка данных внутри компонента React
Есть функция обработчик в компоненте React:
const handleChange = () => {
const values = getValues();
setMainData(mainData => Object.assign(mainData,values));
onSubmitParent(...
0
голосов
1
ответ
23
показа
Как в React ререндерить только выбранные элементы массива
У меня есть довольно простая функциональная компонента, которая рендерит массив с числами от 0 до 14 и при нажатии на любое число меняет его с предыдущим местами по средставам смены индекса элемента.
...
0
голосов
0
ответов
11
показов
Как работает defaultValue и когда нужно передавать его в React.createContext?
Аргумент defaultValue используется только в том случае, если для
компонента нет подходящего Provider выше в дереве. Значение по
умолчанию может быть полезно для тестирования компонентов в изоляции
без ...
0
голосов
1
ответ
18
показов
Ошибка с тегом фрагмент, не принимает key
Где нужно указать ключ, чтобы ушла данная ошибка, нужно ли вообще использовать тег fragment, если можно использовать вот такие кавычки <> </> и обойтись без данного тега, понимаю, так, ...
0
голосов
1
ответ
30
показов
Как проверить, что переменная false в jsx
изучаю React и не совсем понимаю синтаксис JSX. Есть переменная
const [loading, setLoadong] = useState(false);
Пытаюсь в jsx проверить, что она является false
{ loading ?? null(
<p>false&...
0
голосов
0
ответов
39
показов
Как избавиться от дублированного react`а? ( Invalid hook call )
При использований библиотек (я пробовал styledcomponents и react-router) в react приложений появляется ошибка:
Warning: Invalid hook call. Hooks can only be called inside of the body of >a ...
0
голосов
0
ответов
14
показов
Как правильно запустить звуки?
Мне нужно запустить звуки автоматически на Реакте. Для того, чтобы запустить звуки я использую не стандартный хук useSound. Он создает кнопку и по клику на данную кнопку звук запускается. Я сделал ...
0
голосов
0
ответов
28
показов
Как автоматически создать переменную?
У меня есть функция, которая перебирает массив и создает кнопки. Скажите, как я могу создать автоматически для каждой кнопки новую переменную вида
const [test] = useSound(SoundImport.test);
function ...
0
голосов
1
ответ
22
показа
Как сделать рендер нового комонента в функции
Есть функция removeTodo, она вызываеться при клике на кнопку
function removeTodo(props) {
console.log(props);
<Component2341/>
// return <h1>Привет</h1>;
}
Хочу при ...
0
голосов
0
ответов
13
показов
Динамическое изменение данных на стороне клиента при помощи react
Допустим, у меня имеется список продуктов и мне нужно сделать так, чтобы при добавлении товаров на сервер, пользователь смог сразу его увидеть не перезагружая страницы. Каким образом это можно ...
0
голосов
1
ответ
21
показ
Контекст не обновляет состояние после инициализации
Суть проблемы: Состояние (state) в App (см. код#1) не обновляется.
Функция useParameter - контекст (см. код#2) на хуке ParameterHook (см. код#3), у которого есть State, который я и импортирую.
...
0
голосов
0
ответов
30
показов
Повторяющиеся запросы в React
Начал знакомиться с React-Redux, axios, async ну и т.д. Помогите найти причину, по которой на сервер с клиента дублируются запросы в некоторых случаях.
Как я предполагал, одним из проблемных мест мог ...
0
голосов
0
ответов
28
показов
Как запустить код после загрузки страницы?
В реакте новичок. Задача после того как страница загрузиться запустить код
new Audio("../1.mp3").play();
Пробовал использовать useEffect, но видно я что-то сделал не правильно или не ...
0
голосов
0
ответов
23
показа
Не работает checked на слайдер в Реакте. Как адаптировать уже готовый код под React?
Есть слайдер, который написан на чистом css, в нём используется checked для переключения между input с изображением. Ранее сайт писался на чистом html + js, и все работало, но при переносе на Реакт ...
0
голосов
0
ответов
11
показов
Как проверить загружена ли страница?
Есть кнопка по щелчку на которую пользователь переходит на новую страницу. Новая страница должна сразу выходить на печать. Проблема в том, что на печать выходит старая страница.
Если обернуть ...
0
голосов
0
ответов
10
показов
Refetch и Rerender компонента
Приветствую знатоков ReactJS!
Написал вот такой компонент, по сути это модальное окно:
function ProviderCommentsDialog({ process }) {
const steps = process.Steps.filter(step => step....
0
голосов
1
ответ
26
показов
Как мне нормально получить данные из Firebas и вывести данные в html тег
Как мне получить из firebase нормальный ответ. я пытался с помощью такой штуки:
const db = ref(getDatabase(),'Restaurants/');
let data = []
onValue(db, (snapshot) => {
...
0
голосов
2
ответа
29
показов
Ошибка: React Hooks "useState/useEffect/useCallback" are called conditionally
Всем привет! Подскажите, пожалуйста, куда нужно поместить условие c list.length, чтобы убрать ошибку React Hooks are called conditionally? Пробовал в useEffect обернуть, но в таком случае возвращается ...
0
голосов
0
ответов
10
показов
Не работает удаление из списка react hooks из-за замыкания
Мне нужно удалять значение из списка, проблема в том что после функции removeCurrency, сразу вызывается функция fetchData и там значение cryptoCurriensies старое, еще не обновленное. В итоге значение ...
0
голосов
0
ответов
16
показов
Не обновляется значение Context с использованием Consumer?
Уважаемые разработчики. У меня появилась непонятная проблема в простейшем коде. Я решил на элементарном примере разобраться с Context, useContext и Consumer. Но в итого получил ошибку, которую не ...
0
голосов
0
ответов
68
показов
Мок собственного хука
В процессе написания юнит-тестов мне понадобилось создать мок хука, который я сама написала. Все варианты, которые я нашла (с использованием jest.mock) не работают
Хук:
import PropTypes from 'prop-...
0
голосов
0
ответов
15
показов
Связанные селекты, очистка при смене
Есть база в база автомобилей в json, я смог настроить селекты что бы при смене бренда автомобиля подтягивались модели, но при смене бренда не очищаются модели.
Фрагмент базы
{
"AC": [
...
0
голосов
1
ответ
52
показа
Не работает обновления useState в React ( ошибки в консоли нет! )
проблема с React, не обновляет стейт когда я делаю функцию обновления, я обозначил комментарии где не работает обновления стейта, а именно setActiveItem('main') в функции deleteListItem. Функция ...
0
голосов
0
ответов
20
показов
React ошибка в хуке useMemo
Есть стейт, в нем хранится количество страничек. Моя задача на базе этого стейта создать переменную в которой будет массив цифр перебора.
const [totalPages,setTotalPages] = useState(0)
let pagesArray =...
0
голосов
0
ответов
9
показов
Как в массиве обработать каждую кнопку чтобы открывался один айтем а не все?
У меня есть аккордион. Передаю данные в массиве. При клике на любую кнопку открываются все подсказки. Как можно передать правильно index в функцию и вызвать только на определенную кнопку?
import { ...
-1
голос
1
ответ
77
показов
как выделить все checkbox по нажатию на главный
Может кто подскажет, при нажатие на checkbox - все. Меняю Стейт всех элементов и ожидаю что все элементы будет выполнены, Стейт меняется но элементы так и остаются в значение false(в DOM). Может ...
0
голосов
0
ответов
34
показа
Как отловить клик не по элементу
Есть компонент DropDown, который раскрывается при клике по button:
const DropDown = (props) => {
const [isVisibleDopDown, setIsVisibleDropDown] = useState(false)
const ...
1
голос
1
ответ
39
показов
Смена меню по клику на кнопку с помощью хуков
Идея заключалась в том что, при клике на кнопку , скрывалось первое мен., а вместо него на том же месте появлялось второе меню. Но каждый раз при попытке передать с помощью хуков с child на parent ...
0
голосов
1
ответ
25
показов
Отправить значение базовому класу от дочерного и использовать в функции
Имеются две проблемы, в первой что значение select устанавливается предварительное т.е. меняю один input и сразу меняется select на другие данные но значение остается предыдущее.
Нужно чтобы значение ...
0
голосов
0
ответов
25
показов
Как сделать вычисляемое поле в react-hook-form?
Всем привет, есть react-hook-form, из которого используется хук useFieldArray.
Нужно сделать так, чтобы при внесении значений в 2 конкретных поля формы, третье вычислялось автоматически.
Я попробовал ...
0
голосов
0
ответов
41
показ
Оцените пожалуйста мой первый проект "Crud To-do list" на React.js + Node.js + Postgresql
Я создал свой первый проект на Реакте с запросами на сервер. Оцените пожалуйста, может есть какие-то недочеты, чего-то не хватает или что-то лишнее, или вообще есть более легкий способ реализации. ...
1
голос
0
ответов
14
показов
Primereact - Автозаполнение шаблона для issue(Проблема)
Мне нужно решение для проблемы, которую я не могу решить.
https://www.primefaces.org/primereact/autocomplete/
Есть библиотека primereact, там есть элемент автозаполнения. У неё есть возможность ...
1
голос
0
ответов
20
показов
react i18next брать перевод из папки компонента
Можно ли настроить i18next чтобы переводы хранились не в public, а у каждого компонента был свой файл с переводом?
Например такая структра папок и файлов:
src
components
app-header
...
1
голос
1
ответ
41
показ
Как использовать ключи в React для удаления элемента?
Изучаю React. Подскажите, пжлст, каким образом здесь я могу обратиться к key чтобы использовать его в функции удаления элемента? Благодарю.
import CommentItem from './CommentItem';
// import uuid ...
1
голос
2
ответа
119
показов
Значение useState пустое
У меня есть такой кусочек кода, который должен при первом рендере компонента запросить данные и записать их в useState. Но в консоли выводится data с каким-то значением, и name - пустой.
const [...
0
голосов
0
ответов
18
показов
Что требуется для создания пользовательских пресетов цвета? - React Native
Пытаюсь написать такое приложение на React Native, подскажите, что требуется (и как это применять?) для создания пресетов для цвета. То есть, у меня есть Color Wheel - модуль (как отдельная функция) и ...
0
голосов
1
ответ
42
показа
Как устранить бесконечный цикл при React.useEffect? [закрыт]
Parent.tsx
const Parent: React.FunctionComponent = () => {
const [truncated, setTruncated] = useState<boolean>();
return (
<Child setTruncated={...