Популярные ответы с меткой

4 голоса
Принятый

Как решить ошибку: "Object is not iterable (cannot read property Symbol(Symbol.iterator))"?

Если вы создаете контекст с массивом, то индекс элемента имеет значение. При создании контекста patients идет третьим по счету, а при распаковке контекста вы пытаетесь извлечь его из первой позиции. ...
Spatz's user avatar
  • 4,396
3 голоса

Проблема с массивом в React

forEach не возвращает значение. Используйте map. <div className="container"> {pics.map(picItem=> <ServiceItem key = {picItem.id} {...picItem}/>)} </div>
Ruslan Mart's user avatar
3 голоса
Принятый

useEffect не вызывается при изменении ref

useRef это не state а useEffect вызывается только когда происходят изменения в state или в зависимостях state которые переданы в массив зависимостей для useEffect. const [counter, setCounter] = ...
Oleksandr's user avatar
  • 523
3 голоса
Принятый

Как скрыть компонент Footer при определенном URL

В том месте, где выводится Footer, нужно добавить Route и использовать его свойство render. Это функция, которая принимает объект со всей информацией по маршруту - там уже можно сделать проверки и ...
p1uton's user avatar
  • 1,180
3 голоса
Принятый

Ошибка с тегом фрагмент, не принимает key

Конкретно в вашем примере для того, чтобы избавиться от сообщения об ошибке, нужно добавить key лишь для корневого узла (в нашем случае это фрагмент) компонента Columns2. Однако для того, чтобы ...
Yakov Botov's user avatar
3 голоса
Принятый

Как jest считает процент покрытия?

Jest считает покрытие кода используя плагин babel-plugin-istanbul. Детально как это все работает под капотом можно прочитать тут. Я не стал все это переводить и добавлять в ответ так как очень много ...
Randall's user avatar
  • 6,966
3 голоса
Принятый

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

const str = '2022-10-26T15:44:01.000Z'; function convertDate(str) { const data = new Date(str); return data.getDate() + '-' + (data.getMonth() + 1) + '-' + data.getFullYear() + ' | ' + ...
SwaD's user avatar
  • 8,821
3 голоса
Принятый

useState в React

const [dialogs, setDialogs] = useState([ { chat_id: 0, messages: [ { chat_id: 0, text: "test1" }, { chat_id: 0, text: "test2&...
entithat's user avatar
  • 13.1k
2 голоса
Принятый

Как изменить стейт при условии? React Hooks

В хуках Вам не требуется писать this перед вызовом dispatcher'a setTime: const [time, setTime] = useState("") const onChange = event => { const value = event.target.value const regex ...
Vasily's user avatar
  • 11.5k
2 голоса
Принятый

Почему currentVal присваивает последний введенный символ с клавиатуры?

(1) Лучше использовать форму set*, принимающую функцию с прошлым значением на входе. Конкретно currentVal использовать при рендере, а не в обработчиках. (2) Прописывать все зависимости у useEffect/...
Sergei Kirjanov's user avatar
2 голоса
Принятый

useEffect срабатывает каждый раз при изменении стейта

Вторым аргументом можно передать стейт, по изменению которого будет происходить вызов useEffect. А если нужно, чтобы useEffect отработал единожды, можно указать пустой массив или [null]. Вот ...
letzabelin's user avatar
2 голоса
Принятый

Почему не обновляется компонент после изменения состояния?

Потому что state не меняется, т.е. в state остаётся ссылка на прежний массив. Чтобы state обновился, нужно вернуть новый массив: const toggleComplete = (idx: number) => { setList((prev) => { ...
nörbörnën's user avatar
  • 11.9k
2 голоса
Принятый

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

import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function App() { const [state, setState] = useState() const handlChang = (e) => { const name = e....
JuniorCoder's user avatar
2 голоса

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

Вот рабочий код твоего примера. Я думаю если почитать код будет всё понятно, если есть вопросы задавай в коментах. import React, { useState } from "react"; const App = () => { const ...
Konstantin Modin's user avatar
2 голоса
Принятый

Хуки, Кастомные хуки

useState хранит в себе данные предыдущего рендера, а если рендер первый, то получает данные из defaultValue (в твоем случае - "text"). Т.е. при ререндере useState запомнит своё значение из ...
Sire IMPACTUS's user avatar
2 голоса
Принятый

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

Название функиций и переменных взяты из потолка. Подобная структура поможет вам решить вопрос: export function useCategories(nameCategories) { const dispatch = useDispatch(); const { items, ...
Locker's user avatar
  • 630
2 голоса
Принятый

Использование useEffect

Используйте такой вариант useEffect(() => { console.log("это componentDidMount") return () => console.log("это componentWillUnmount") }, []) в качестве deps ...
Илья Паймушкин's user avatar
2 голоса
Принятый

Порядок действий и жизненный цикл компонента (React Native)

Ну во первых рендер компонента остановить нельзя, если совсем нечего рисовать используй return null. useEffect и набор состояний из useState Цепочки организовать можно по разному начиная от состояния, ...
Eugene X's user avatar
  • 3,148
2 голоса
Принятый

Значение useState пустое

Функции сеттеры state асинхронные и для того чтобы вывести в консоль authorName необходимо использовать useEffect: useEffect(()=>{ if (authorName !== ''){ console.log(authorName) } }, [...
Daniil Loban's user avatar
2 голоса
Принятый

Смена меню по клику на кнопку с помощью хуков

Да будет счастья вам ^-^ const links = document.querySelectorAll(".menu-link"); const submenu =document.querySelector(".submenu").children; for(let i = 0; i < links.length; i++){ ...
Miha's user avatar
  • 3,522
2 голоса
Принятый

Как проверить, что переменная false в jsx

Для того, чтобы использовать условие внутри JSX, нам придется обратиться к тернарному оператору, т.к. конструкция if/else в JSX недоступна. Так же важно заметить, что любое JS выражение, которое ...
Yakov Botov's user avatar
2 голоса
Принятый

Как указать тип обьекта который передали в компонент

Возможно Вы просто не экспортируете интерфейс? export interface ArrayTS { readonly id: string; color?: string; size: { width: number; heidth: number; }; dynamicVariable: any; ...
Donnle's user avatar
  • 106
2 голоса
Принятый

React, как добавить множество объектов в компонент

Должен быть один родительский элемент, т.е. нужно все кнопки обернуть в тег div или <>...</> Вот так: import React from 'react'; import { Button } from '@mui/material'; const App = ():...
pinchers's user avatar
2 голоса

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

Для удаления повторяющихся объектов из массива можно воспользоваться методом reduce(). Метод reduce() применяет функцию к каждому элементу массива и аккумулирует результаты в одном значении, которое в ...
HaZcker's user avatar
  • 1,298
1 голос
Принятый

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

Ошибка заключается в неверном использовании импорта import Name from '...' соответствует дефолтному экспорту, в данном случае это export default App; Далее идет попытка получить контекст по ...
Grundy's user avatar
  • 80.6k
1 голос

Не получается отсортировать и отрендерить в блок информацию

Думаю в таком случае useState и не нужен, если нет необходимости хранить отсортированные данные в стейте const infoBus = [ { numberOfBus: 1, nameOfBus: 'Bogdan', amountOfPlaces: 30, numberOfWay:...
로마 인's user avatar
  • 1,348
1 голос
Принятый

Получить минимальную и максимальную цену React Hooks

Для начала убедитесь, что productsAll не пустой на момент вызова useEffect без зависимостей. Если productsAll у вас формируется не сразу, то в useEffect поставьте зависимость на productsAll useEffect((...
doDeploy's user avatar
  • 176
1 голос

useEffect + redux thunk

//тут useSelector const [x, setX] = useState([1,2,3]) useEffect(() => { //тут твой диспатч setTimeout(() => { setX((prev) => { return [ ...prev, ...
Armen's user avatar
  • 1,587
1 голос
Принятый

React и умное изменение стейта

function plus(ingridient) { setIngridients((prevState) => ({ ...prevState, [ingridient]: prevState[ingridient] + 1 })) }
xydope's user avatar
  • 3,034
1 голос
Принятый

useEffect React

Типа того, у неё та же область видимости что и у кулбека который передается в useEffect(). То есть она видит переменную close и в ней можно менять значение этой переменной. Рекомендую почитать про ...
Vasily Rogoja's user avatar

Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими