Tagged: react-hook

11
Июн
2021

Как отрендерить всю таблицу из API

Проблема такая : я получаю данные из API(firebase). Пытаюсь отрендерить массив значений, но рендерится только 1 строка а в массиве 2 строки

Здесь на примере показано что в состоянии находится 2 обьекта. А рендерится только 1.
Вот ссылка н…

11
Июн
2021

Что я делаю не так и получаю: TypeError: Cannot destructure property ‘patients’ of ‘Object(…)(…)’ as it is undefined?

Я создал контекст и в дочерние элементы пытаюсь передать значения:
import ‘./App.css’;
import React, { createContext, useState } from ‘react’;
import Content from ‘./components/Content’;
import Sidebar from ‘./components/Sidebar’;
import P…

10
Июн
2021

Не получается отрисовать элементы из полученных данных с API (React js , FireBase)

Не получается рисовать елементы из полученных ранее данных из APi (FireBase)

Объясните или поправьте почему не получается получить доступ к полю и отрисовать его .

вот результат

когда пытаюсь получить данные BusInfo.startBusTrip или Bu…

02
Июн
2021

как отправлять на сервер каждый раз новый id при нажатии на чекбокс react hooks

Подскажите новичку, как в React при нажатии на чекбокс отправлять его id на сервер для получение данных.
Есть список с чекбоксами:

при нажатии на какой то из чекбксов его id записывается в локальный стейт:

, запрос летит на сервер, получ…

01
Июн
2021

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

В компоненте App я создал состояние patientData с одним тестовым полем. После того, как компонент отрендерился, вызываю хук useEffect и передаю новое состояние для patientData. В это же время patientData я передаю в дочерние компоненты, ка…

26
Май
2021

defaultValue в rc-Slider не отображется правильно

Использую в проекте rs-Slider.
с родительского компонента через props передаю minPrice/maxPrice
далее записываю их в конфигурацию слайдера, но по дефолту эти значения почему то равняются единице.
Возможно я что то не учел в параметрах слай…

26
Май
2021

Получение данных в один объект redux store

Нужно объединить несколько данных redux store в один объект, например есть такое хранилище
, но проблема в том, что он должен быть в одном объекте, но я не понимаю как это сделать, то есть должно быть что то такое

то есть объединено допус…

08
Апр
2021

Как можно отпимизировать два компонента с идентичной логикой но разными action

Как можно оптимизировать два компонента, чтобы вся логика содержалась в одном. Учитывая что берётся разный state и оттуда разные action. Хранилище отличается только селектором,и поэтому можно сделать кастомный хук. Но что делать с экшенами…

05
Апр
2021

Вычисляемые имена свойств и useState react

Собственно вопрос в том, как мне с помощью хука состояния заполнить объект состояния значениями из нескольки импутов.
Вот код, чтобы было понятнее:
import logo from ‘./logo.svg’;
import ‘./App.css’;
import { useState } from ‘react’;

funct…

24
Мар
2021

Рабочий таймер выводит в первый рендер нули

У меня есть таймер на хуках. Который принимает секунды. И он работает, но проблема в том, что первый после рендера или при первой загрузки показываются нули, а через пару секунды появляется время.
const [seconds, setSeconds] = useState(’00…

15
Мар
2021

Функция работает, но картинка еле крутится

Есть картинки, которые при наведении должны крутиться по осям x и y, функция вроде как рабочая, но картинки еле крутятся и сразу останавливаются, может быть я чего-то не замечаю?
import React, { useEffect, useState, useRef, useCallback } f…

28
Фев
2021

React Lazy Load useEffect

У меня проблема с получением clientWidth из useEffect.
Есть lazyLoad который загружает страничку с пользователями.
import { Suspense, lazy } from ‘react’;

const UsersContainer = lazy(() => import(‘./users/users-container’));

const Ind…

21
Фев
2021

проблемы рендеринга при использовании useEffect

Хочу сделать сортировку массива по алфавиту  А-Я и Я-А, для этого при нажатии на кнопку фильтра меняю state с условиями сортировки. После запускается useEffect где и происходит сортировка массива, но рендер уже отсортированного массива дел…

16
Фев
2021

Получение результата от асинхронного запроса

React Native, пробую использовать БД SQlite, хочу при открытие приложения на телефоне подгружать из SQlite в хук как начальный стейт всю базу раннее сохранённых данных, в моём случае приложение Todo List.
Проблема в том, что я не могу полу…

16
Фев
2021

Получение результата от асинхронного запроса

React Native, пробую использовать БД SQlite, хочу при открытие приложения на телефоне подгружать из SQlite в хук как начальный стейт всю базу раннее сохранённых данных, в моём случае приложение Todo List.
Проблема в том, что я не могу полу…

30
Янв
2021

Как правильно передать массив в хук useState() React.js

Только на днях начал изучать React.js, так что не судите строго 🙂
Я использую функциональный подход к описанию компонентов.
Суть приложения проста: имеется кнопка "Likes" на компоненте <Post/ >. На кнопке должно быть напис…