ребят! подскажите, че за лажа происходит с addEventListener. Смотрите https://codepen.io/artof/pen/MNWEMN
если заменить let [count, setCount] = React.useState(0); на const ... - что как бы логично, ведь именно так должна вестись работа со стейтом... То почему-то на выходе получаем ошибку в консоли
Uncaught TypeError: Assignment to constant variable.
что переводится как, дословно, "нельзя переопределять константы". Заменяем const на let и все работает прям как надо.
каунтер должен пересчитываться на любое нажатие в инпуте.
Кто знает - какого хрена так происходит?
У тебя там count++
Paul
Paul
Если что, эта операция изменяет count, а она у тебя как const объявлена
Юра
Друзья, всем привет! Подскажите пожалуйста, IRL что находит более широкое применение - просто импорт
@import './Product.css' или цсс модули? И если второе, то какой naming convention выбирать?
Oleg
Если что, эта операция изменяет count, а она у тебя как const объявлена
так изменяет count ф-ция setCount, которая вроде как сеттер стейта
Vadim
Cenator 🐈
да, это ж для примера накидал побыстрому
Единственно правильный вариант в данном кейсе это
setCount(c => c + 1)
Serega
посоветуйте что лучше юзать ant.design или react bootstrap ?
Cenator 🐈
не совсем понял.. (
Для установки стейта на основе предыдущего значения нельзя обращаться к текущему (так же как нельзя было в классах), только функция-апдейтер которая получает стейт
Vladimir
blueprint еще ничего
Oleg
Для установки стейта на основе предыдущего значения нельзя обращаться к текущему (так же как нельзя было в классах), только функция-апдейтер которая получает стейт
https://codepen.io/artof/pen/MNWEMN а так? если я в отдельной константе провожу прибавление, а потом пытаюсь засетить?
console.log('fired') - вызывается на каждый чих, при этом count вызывается один раз.
Cenator 🐈
Cenator 🐈
Единственно правильный вариант в данном кейсе это
setCount(c => c + 1)
Единственный это означает что по-другому нельзя
Oleg
можешь показать пример пожалуйста? не могу сообразить :(
Cenator 🐈
https://codepen.io/anon/pen/jgOYbM?editors=1010
Cenator 🐈
Друзья, всем привет! Подскажите пожалуйста, IRL что находит более широкое применение - просто импорт
@import './Product.css' или цсс модули? И если второе, то какой naming convention выбирать?
Ксс модули, про ксс импорты лучше забыть, ничего хорошего нет от них
Юра
А где можно аргументы за/против почитать?
Cenator 🐈
https://www.giftofspeed.com/avoid-using-css-import/
Юра
https://www.giftofspeed.com/avoid-using-css-import/
Фух, спасибо. Я на секунду задумался, что че-т туповатый вопрос, потому что ответ - в Гугле 😄
Юра
Стоп, там про цсс импорт, я немного не про то.
Юра
Мой вопрос был больше про "Импортировать css в js как объект или же просто stylesheet". Но видимо в любом случае крч как объект импортить, с помощью .module.css
Саша
Привет, кто работал с Material UI? Как при создании темы указать медиа стили для переменной, что бы она сама менялась в теме, а не руками в компоненте брекйпоинты ставить. Видел что в дефолтной теме у тулбара есть такая фича
Китикет
А где можно аргументы за/против почитать?
Еще такой момент, что в случае css импорта у тебя css файл, относящийся к данному модулю, импортируется вообще в другом месте снаружи
Cenator 🐈
Мой вопрос был больше про "Импортировать css в js как объект или же просто stylesheet". Но видимо в любом случае крч как объект импортить, с помощью .module.css
Модули конечно, они лучше по всем параметрам
Саша
Мой вопрос был больше про "Импортировать css в js как объект или же просто stylesheet". Но видимо в любом случае крч как объект импортить, с помощью .module.css
мне кажется если ты сделаешь просто
import '../mystyles.sccs';
то получишь то что хочешь
Китикет
Еще такой момент, что в случае css импорта у тебя css файл, относящийся к данному модулю, импортируется вообще в другом месте снаружи
Это нарушает независимость и целостность модуля
Юра
Все, понял, спасибо!
MⅨ
Кто в тс подскажите ответ
Andrii
подсказываем - ответ
Oleg
как понять, почему при смене пропа в mapStateToProps компонент не обновляется? использую memo, поставил дебагер в функции, до него даже не доходит
Oleg
или даже если компонент обновился... почему useEffect не тригерится, хотя его зависимость обновилась?
Eugene
возьми useDispatch, useSelectors из react-redux v7
Ivan
Ребят как правильно избавиться от всплывающего клика в реакт?
у меня есть такое поле условно
<Row onClick={() => ...}>
<Checkbox onClick={() => ...}>
<Другие поля>
<Другие поля>
...
Когда я кликаю на чекбокс клик всплыает и триггерит клик на Row
В коллбек который на чекбоксовском onClick вставил в самое начало
e.stopPropagation();
e.nativeEvent.stopImmediatePropagation();
но чёт не помогает, как это правильно решать?
Ivan
чекбокс вложен в Row
Vladimir
странно, что e.stopPropagation(); не работает
А Вы точно так пробовали?
<Checkbox onClick={(e) => e.stopPropagation(); .....}>
Ivan
да странно) вечно с этой штукой у меня пляски с бубном
сделал обертку над чекбоксом у которого onClick={(e) => e.stopPropagation();}
Ivan
заработало)
Ivan
перестал всплывать
Vladislaw
Можно ли как-то в componentDidMount закинуть данные из контекста? Получается только пропсами
Yury
A
Как исключить свойство передаваемое в функцию из объекта используя spread syntax? Например из объекта obj надо исключить свойство "c"
const obj = {
a: 1,
b: 2,
c: 3
}
const myFunc = ({...obj}) => {}
Vladimir
const myFunc = ({c, ...obj}) => {
}
Может так?
Dmytro
A
Так и делаю что-то не получается. А если "c" это метод, то так же?
Anton
если есть лодэш, то лучше omit(obj, ['c'])
Vladimir
и?
Anton
и лучше не писать код, в котором есть неиспользуемые переменные
Nikolai
Vladimir
ну, ок, человек спросил как исключить, и это исключает поле из объекта, напишите как тогда это сделать лучше и поянтней
Vladimir
вы предложили подход с лодаш, он прекрасен, спору нет, но скорее всего его не используют
A
У меня custom hook const username = useField('text') которое возвращает type, value, onChange и reset. Мне надо передать их в input используя spread syntax но надо исключить метод reset как мне это сделать?
Mihail
Mihail
😅
A
Я спросил как исключить используя spread syntax
Vladimir
перед этим нужно склонировать этот объект в новую переменную иначе Вы удалить поле из исходного объекта
Георгий
Начал изучать redux. Это какой то отвал башки. Vuex проще и понятнее)))
Mihail
Artem
Начал изучать redux. Это какой то отвал башки. Vuex проще и понятнее)))
Лучше посмотрите раздел с Хуками в оф доке реакта, редакс не нужен.
Георгий
Лучше посмотрите раздел с Хуками в оф доке реакта, редакс не нужен.
Просто если прийти в новую контору на существующий проект наверняка там редакс...
Vladimir
Я спросил как исключить используя spread syntax
const someParams = {a, b, c}
const {c, ...rest} = someParams;
const exludedC = rest
someFunc(exludedC)