Size: a a a

2020 June 11

SS

Serhey Shmyg in React Kyiv
Taras Kapusta
тобто так не можна?
Ти передаєш фукнцію як чайлд, і вона викликається форміком як фукнція
источник

TK

Taras Kapusta in React Kyiv
Serhey Shmyg
Ні не можна, хуки не можна вкладати в інші функції, або використовувати в умвних конструкціях.
дякую, велике
источник

VD

Valentyn Dubin in React Kyiv
Taras Kapusta
тобто так не можна?
https://uk.reactjs.org/docs/hooks-rules.html "Не використовуйте хуки усередині циклів, умовних операторів або вкладених функцій"
источник

LK

Leonid Kuznetsov in React Kyiv
Ребят нужна помощь, слегка замылился глаз и мой стек переполнился) мб кто то из вас поможет найти решение:
вообщем есть nested object
const fieldErrors = {
 name: {
   error: 'name.exists'
 },
 surname: {
   field: {
     error: 'surname.exists',
     typeError: 'call.to.api.error',
   },
   errors: {
     error: 123,
     field: {
       error: 'some.custom.error.from.backend',
     },
   },
 },
};

Нужно рекурсивно обновить error только если string
вот мое первое решение через forEach
const replaceErrors = obj => {
 const clonedObj = { ...obj };
 const entries = Object.entries(clonedObj);
 entries.forEach(([key, value]) => {
   if (typeof value === "object") {
     clonedObj[key] = replaceErrors(value);
   } else {
    if (typeof clonedObj.error === 'string') {
      clonedObj.error = "test";
     }
   }
 });
 return clonedObj;
};


вот второе решение, но с ним проблема он возвращает undefined в поля которые я не затрагиваю, я вот чет завтыкал и не пойму что мне копировать то
function replaceErrors(obj) {
 return Object.keys(obj).reduce((acc, key) => {
 
   if (typeof obj[key] === 'object') {
    acc[key] = replaceErrors(obj[key]);
   } else {
     if (key === 'error' && typeof obj[key] === 'string') {
       acc.error = 'test';
     }
   }
    return {
     ...acc,
     [key]: acc[key]
    };
 }, {});

}
источник

LK

Leonid Kuznetsov in React Kyiv
reduce мое слабое место
источник

LK

Leonid Kuznetsov in React Kyiv
так вопрос снят
источник

LK

Leonid Kuznetsov in React Kyiv
function replaceErrors(obj) {
 return Object.keys(obj).reduce((acc, key) => {
 
   if (typeof obj[key] === 'object') {
    acc[key] = replaceErrors(obj[key]);
   } else {
     if (key === 'error') {
       acc = {
        ...obj,
        error: typeof obj[key] === 'string' ? 'test' : obj[key]
       }
     }
   }
    return acc;
 }, {});

}
источник

LK

Leonid Kuznetsov in React Kyiv
иной раз полезно просто писать сюда)
источник

MS

Mark Shulhin in React Kyiv
rubber duck debugging 🙂
источник
2020 June 12

VK

Victor Korotkiy in React Kyiv
Всем привет, ребят есть глупый вопрос как сделать чтобы ссылка на скачивание срабатывала сама ?
источник

VK

Victor Korotkiy in React Kyiv
setTimeout('document.location.href="путь к скачиваемому файлу";', 10000); ?
источник

b

b.dvorianov in React Kyiv
Victor Korotkiy
Всем привет, ребят есть глупый вопрос как сделать чтобы ссылка на скачивание срабатывала сама ?
Типу такого? створюєш лінк і сам на нього JS’ом клікаєш

https://stackoverflow.com/questions/3749231/download-file-using-javascript-jquery
источник

MK

Maksim Kleba in React Kyiv
источник

VK

Victor Korotkiy in React Kyiv
спс)
источник

SS

Serhey Shmyg in React Kyiv
Не скачає, браузер залочить відкриття нового вікна (в більшості випадків)
источник

IK

Ivan Kazadaev in React Kyiv
Гайз, всем привет!
В проекте используется кастомная конфигурация вебпака, недавно обновил реакт до последней версии, чтобы юзать хуки.
Когда импортирую встроенные хуки из реакта или react-router-dom - у них нет подсветки. В проектах, созданных через create-react-app, подсветка есть. Использую WebStorm.
Подскажите, это какая-то настройка в вебшторме или нужно добавить какой-то плагин для подсветки?
источник

LK

Leonid Kuznetsov in React Kyiv
Ivan Kazadaev
Гайз, всем привет!
В проекте используется кастомная конфигурация вебпака, недавно обновил реакт до последней версии, чтобы юзать хуки.
Когда импортирую встроенные хуки из реакта или react-router-dom - у них нет подсветки. В проектах, созданных через create-react-app, подсветка есть. Использую WebStorm.
Подскажите, это какая-то настройка в вебшторме или нужно добавить какой-то плагин для подсветки?
тему поменяй на стандартную
источник

LK

Leonid Kuznetsov in React Kyiv
и types установи
источник

IK

Ivan Kazadaev in React Kyiv
Leonid Kuznetsov
и types установи
спасибо)
а что за types?
источник

LK

Leonid Kuznetsov in React Kyiv
Ivan Kazadaev
спасибо)
а что за types?
погугли
источник