4
голоса
Принятый
Как решить ошибку: "Object is not iterable (cannot read property Symbol(Symbol.iterator))"?
Если вы создаете контекст с массивом, то индекс элемента имеет значение. При создании контекста patients идет третьим по счету, а при распаковке контекста вы пытаетесь извлечь его из первой позиции.
...
3
голоса
Проблема с массивом в React
forEach не возвращает значение. Используйте map.
<div className="container">
{pics.map(picItem=> <ServiceItem key = {picItem.id} {...picItem}/>)}
</div>
3
голоса
Принятый
useEffect не вызывается при изменении ref
useRef это не state а useEffect вызывается только когда происходят изменения в state или в зависимостях state которые переданы в массив зависимостей для useEffect.
const [counter, setCounter] = ...
3
голоса
Принятый
Как скрыть компонент Footer при определенном URL
В том месте, где выводится Footer, нужно добавить Route и использовать его свойство render. Это функция, которая принимает объект со всей информацией по маршруту - там уже можно сделать проверки и ...
3
голоса
Принятый
Ошибка с тегом фрагмент, не принимает key
Конкретно в вашем примере для того, чтобы избавиться от сообщения об ошибке, нужно добавить key лишь для корневого узла (в нашем случае это фрагмент) компонента Columns2. Однако для того, чтобы ...
3
голоса
Принятый
Как jest считает процент покрытия?
Jest считает покрытие кода используя плагин babel-plugin-istanbul.
Детально как это все работает под капотом можно прочитать тут. Я не стал все это переводить и добавлять в ответ так как очень много ...
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() + ' | ' +
...
3
голоса
Принятый
useState в React
const [dialogs, setDialogs] = useState([
{
chat_id: 0,
messages: [
{
chat_id: 0,
text: "test1"
},
{
chat_id: 0,
text: "test2&...
2
голоса
Принятый
Как изменить стейт при условии? React Hooks
В хуках Вам не требуется писать this перед вызовом dispatcher'a setTime:
const [time, setTime] = useState("")
const onChange = event => {
const value = event.target.value
const regex ...
2
голоса
Принятый
Почему currentVal присваивает последний введенный символ с клавиатуры?
(1) Лучше использовать форму set*, принимающую функцию с прошлым значением на входе.
Конкретно currentVal использовать при рендере, а не в обработчиках.
(2) Прописывать все зависимости у useEffect/...
2
голоса
Принятый
useEffect срабатывает каждый раз при изменении стейта
Вторым аргументом можно передать стейт, по изменению которого будет происходить вызов useEffect. А если нужно, чтобы useEffect отработал единожды, можно указать пустой массив или [null]. Вот ...
2
голоса
Принятый
Почему не обновляется компонент после изменения состояния?
Потому что state не меняется, т.е. в state остаётся ссылка на прежний массив.
Чтобы state обновился, нужно вернуть новый массив:
const toggleComplete = (idx: number) => {
setList((prev) => {
...
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....
2
голоса
Как правильно передать массив в хук useState() React.js
Вот рабочий код твоего примера. Я думаю если почитать код будет всё понятно, если есть вопросы задавай в коментах.
import React, { useState } from "react";
const App = () => {
const ...
2
голоса
Принятый
Хуки, Кастомные хуки
useState хранит в себе данные предыдущего рендера, а если рендер первый, то получает данные из defaultValue (в твоем случае - "text"). Т.е. при ререндере useState запомнит своё значение из ...
2
голоса
Принятый
Как можно отпимизировать два компонента с идентичной логикой но разными action
Название функиций и переменных взяты из потолка. Подобная структура поможет вам решить вопрос:
export function useCategories(nameCategories) {
const dispatch = useDispatch();
const { items, ...
2
голоса
Принятый
Использование useEffect
Используйте такой вариант
useEffect(() => {
console.log("это componentDidMount")
return () => console.log("это componentWillUnmount")
}, [])
в качестве deps ...
2
голоса
Принятый
Порядок действий и жизненный цикл компонента (React Native)
Ну во первых рендер компонента остановить нельзя, если совсем нечего рисовать используй return null.
useEffect и набор состояний из useState
Цепочки организовать можно по разному начиная от состояния, ...
2
голоса
Принятый
Значение useState пустое
Функции сеттеры state асинхронные и для того чтобы вывести в консоль authorName необходимо использовать useEffect:
useEffect(()=>{
if (authorName !== ''){
console.log(authorName)
}
}, [...
2
голоса
Принятый
Смена меню по клику на кнопку с помощью хуков
Да будет счастья вам ^-^
const links = document.querySelectorAll(".menu-link");
const submenu =document.querySelector(".submenu").children;
for(let i = 0; i < links.length; i++){
...
2
голоса
Принятый
Как проверить, что переменная false в jsx
Для того, чтобы использовать условие внутри JSX, нам придется обратиться к тернарному оператору, т.к. конструкция if/else в JSX недоступна. Так же важно заметить, что любое JS выражение, которое ...
2
голоса
Принятый
Как указать тип обьекта который передали в компонент
Возможно Вы просто не экспортируете интерфейс?
export interface ArrayTS {
readonly id: string;
color?: string;
size: {
width: number;
heidth: number;
};
dynamicVariable: any;
...
2
голоса
Принятый
React, как добавить множество объектов в компонент
Должен быть один родительский элемент, т.е. нужно все кнопки обернуть в тег div или <>...</>
Вот так:
import React from 'react';
import { Button } from '@mui/material';
const App = ():...
2
голоса
Удалить повторные значения свойства "name" в объекте useState
Для удаления повторяющихся объектов из массива можно воспользоваться методом reduce(). Метод reduce() применяет функцию к каждому элементу массива и аккумулирует результаты в одном значении, которое в ...
1
голос
Принятый
Что я делаю не так и получаю: TypeError: Cannot destructure property 'patients' of 'Object(...)(...)' as it is undefined?
Ошибка заключается в неверном использовании импорта
import Name from '...'
соответствует дефолтному экспорту, в данном случае это export default App;
Далее идет попытка получить контекст по ...
1
голос
Не получается отсортировать и отрендерить в блок информацию
Думаю в таком случае useState и не нужен, если нет необходимости хранить отсортированные данные в стейте
const infoBus = [
{ numberOfBus: 1, nameOfBus: 'Bogdan', amountOfPlaces: 30, numberOfWay:...
1
голос
Принятый
Получить минимальную и максимальную цену React Hooks
Для начала убедитесь, что productsAll не пустой на момент вызова useEffect без зависимостей. Если productsAll у вас формируется не сразу, то в useEffect поставьте зависимость на productsAll
useEffect((...
1
голос
useEffect + redux thunk
//тут useSelector
const [x, setX] = useState([1,2,3])
useEffect(() => {
//тут твой диспатч
setTimeout(() => {
setX((prev) => {
return [
...prev,
...
1
голос
Принятый
React и умное изменение стейта
function plus(ingridient) {
setIngridients((prevState) => ({
...prevState,
[ingridient]: prevState[ingridient] + 1
}))
}
1
голос
Принятый
useEffect React
Типа того, у неё та же область видимости что и у кулбека который передается в useEffect(). То есть она видит переменную close и в ней можно менять значение этой переменной. Рекомендую почитать про ...
Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими
Связанные метки
react-hook × 256reactjs × 244
javascript × 126
react-native × 24
typescript × 23
redux × 15
react-router × 14
create-react-app × 9
react-router-dom × 9
state × 8
jsx × 6
css × 5
массивы × 5
node.js × 5
компоненты × 5
html × 4
веб-программирование × 4
form × 4
hook × 4
render × 4
функции × 3
axios × 3
fetch × 3
context × 3
setstate × 3