🤴👷‍♂️🦸‍♂️🧚‍♀️
window.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = void(0) Привет,подскажите какой смысл это делать в прод версии реакта
🤴👷‍♂️🦸‍♂️🧚‍♀️
Подебажить на проде 🙂
Так наоборот не подебажить
Roman
Так наоборот не подебажить
ну вот чтобы не подебажить :)
Volodymyr
Всем привет, такой вопрос подскажите плиз. У меня есть state = { a: '', b: 0 }; На async CDM у меня делается следующее, const { text1: a, number: b } = await Promise.all([getInfo1(), getInfo2()]); Вопрос как мне правильнее записать эти данные так как в промисе у меня массив из двух обьектов. Подскажите пожалуйста ибо голова не варит за целый день уже. Заранее огромное спасибо.
Volodymyr
SyntaxError, 0 не может быть идентификатором
опечатка сорри сейчас поправлю
Volodymyr
Поправил
Volodymyr
ниже я делаю следующее this.setState({a, b});
Cenator 🐈
ниже я делаю следующее this.setState({a, b});
const [{ text1: a }, { number: b }] = await Promise.all([getInfo1(), getInfo2()]);
Volodymyr
const [{ text1: a }, { number: b }] = await Promise.all([getInfo1(), getInfo2()]);
Спасибо, с*ка туплю уже ппц. Спасибо большое.
Китикет
Кто в курсе как из этого
Китикет
Сделать это
Китикет
Какое eslint правило за это отвечает
Bogaciuc
есть кто на месте, нужен хэлп)
Bogaciuc
есть два array первый с стринг, второй с датой, нужно сделать трейтий исходя из второго, если дата в нем имеет категорию из 1 array с стрингой
Dmytro
Сделать это
это prettier
Китикет
это prettier
У меня prettier от правил eslint форматирует
Китикет
Значит все-таки он сам еще что-то делает?)
Dmytro
если стоит eslint-config-prettier, то он отключает все правила форматирования в еслинте
Denis
Сделать это
я одно время пытался тоже запилить такое форматирование, но в итоге потратил дохера времени и ни к чему не пришел. Походу так только руками можно
Denis
из правил наверное что то вроде conditional-rendering и wrap multiline надо гуглить
Китикет
я одно время пытался тоже запилить такое форматирование, но в итоге потратил дохера времени и ни к чему не пришел. Походу так только руками можно
Тут еще спорный момент, потому что если бы я эту тернарку писал внутри jsx, я бы предпочел все-таки со скобками
Denis
ну вот prettier и делает скобки
Китикет
wrap-multiline не сработало
Китикет
Ну ладно, пофиг
Китикет
Пусть со скобками будет
Китикет
Все равно у меня тернарки подобные одна на 1000 строк, а то и меньше)
Denis
я даже на гитхабе искал код, где такое форматирование и лопатил .eslint файлы в надежде что то наййти)
Mihail
ребят, никто не юзал никакие либы случайно для манипуляций с svg?
Looch
D3 ?
Archakov
Archakov
Юзаю TS / TSX в проекте React. Сам проект норм собирается, но я решил подключить сабмодуль с другим проектом с такими же конфигами. При импорте оттуда, ругается на синтаксис
Archakov
КТо-нить знает в чем может быть проблема?
Looch
Ну что
Looch
ts не парсится
Archakov
Этого понять и не могу. Сам проект основной на TS и парсится норм, а сабмодуль не парсит
Китикет
Глаза сжег от светлой темы
Китикет
Хотя бы дисклеймер прикрепил бы что ли)
Китикет
Китикет
И он перебивает конфиг проекта
Китикет
Ну это единственное что мне в голову пришло)
Archakov
тоже так думал, хз. дело в том, что этот проект и другой основаны на одних и тех же конфигах
Ivan
Учу роутер, не совсем понятен момент, почему нужно явно обновлять через key зависимый компонент (например форму) куда попадает id из articles/:id . Если он туда приходит в пропсах, то по идее сам компонент должен обновляться?
Артём
Доброго времени суток, подскажите, есть переменая в одной функции, можно ли использовать эту же переменную в другой функции? Или нужно объявить как-то глобально?
Ivan
Доброго времени суток, подскажите, есть переменая в одной функции, можно ли использовать эту же переменную в другой функции? Или нужно объявить как-то глобально?
можно использовать если вторая функция является вложенной первой или вынести объявление на уровень выше этих двух функций
xxxxxx
может это быть из за особеностей реакта быть а то уж стремно как то такая лапша беспонтовая и не работает
xxxxxx
вот есть такая функция все работает за исключением если вводится только дата получается в объекте undefined хотя обидно так как в других случая получается все норм https://codesandbox.io/s/determined-visvesvaraya-k3zzz?fontsize=14
Yury
зачем там setTimeOut ?
xxxxxx
зачем там setTimeOut ?
сначала думал что не успевант значение получить там чисто лог
Yury
такой переменной не существует 🙂
Адыл
тоже так думал, хз. дело в том, что этот проект и другой основаны на одних и тех же конфигах
на любой модуль без ts должны быть объявлены типы, обычно популярные модули можно найти в http://definitelytyped.org/, иначе надо самому объявлять: https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html
Адыл
если я правильно понял, но что-то подозреваю я не туда копнул)
Archakov
ага, там дело в другом. Смог понять только то, что если скопировать src из сабмодуля и его импортировать, то все ок
Archakov
короч, я пока не очень пойму, но есть подозрения, что он не парсит из этой папки TS / TSX, хотя я для теста удалил оттуда конфиги все и перезапустил сборку
Адыл
может конфиг модуля не включает в компиляцию стурктуру, где уже объявлен другой конфиг? Как у гита
Archakov
капнул дальше, он вообще и JSX не понимает, когда импортирую из сабмодуля
Archakov
норм
Адыл
Какое eslint правило за это отвечает
Попробуй это, может поможет: https://eslint.org/docs/rules/no-extra-parens
ᴡᴇʏʜᴇyʜᴇʏ
/
xxxxxx
ребят иногда во время рендера у меня падает приложение и выходит следующее Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. и пишет что состояние undefined. Я как понимаю это каая то ошибка с обновлением страницы никто не может пояснить
Игорь
Вероятно выполняется setState уже после размонтирования страницы. Это может случится если есть асинхронная функция которая может вызвать колбек в тот момент когда страницы уже нет. Слишком долгий запрос и тд. Проверь этот кейс
Nikita
пользовался кто astroturf + parcel? Почему он создает в папке с компонентом css?
Alexander
Как подружить :export для sass-loader с sass-resources-loader? Он в записи :export { color: $color } видит, что color - это map и говорит, что описан неправильно
Oleg
как пофиксить ошибку "Rendered fewer hooks than expected"?
Oleg
из эффектов только это useEffect(() => { jexl.addTransform('jPath', (val) => { const answer = jp.query(dataSpaceModel, val)[0]; console.log(dataSpaceModel); debugger; return answer; }); }, [dataSpaceModel]); useEffect(() => { const answer = checkCondition(); debugger setFieldsPropsFromCondition(answer); }, [dataSpaceModel, data]);
Dmytro
у тебя по ходу какой-то хук в if'e
Oleg
у тебя по ходу какой-то хук в if'e
checkCondition возвращает объект, который сетается в setFieldsPropsFromCondition
Oleg
https://medium.com/@jonchurch/how-to-fix-react-error-rendered-fewer-hooks-than-expected-e6a378985d3c эта статья как-то слабо помогает.
Dmytro
покажи все хуки в компоненте
Eugene
помогите, пожалуйста, разобраться, как изменить hover и focus в mui TextField
Oleg
покажи все хуки в компоненте
https://gist.github.com/OlegRyzhkov/5144180e2f6cd63e237a000754fbf646
Eugene
notchedOutline: { borderColor: "#66A4D4", "&:hover": { backgroundColor: "#A3D6EE", } }, цвет рамки меняется, но ховер и фокус нет