у меня есть кнопка при нажатии исполняеться что-то
как мне сделать, что б при нажатии на ентер делалось тоже что и при клике на кнопку?
есть куча примеров с тектовим инпутом, но оно не подходит
Повесь слушателя на событие keypress и чтобы он при срабатывании вызывал функцию, в неё уже пиши что хочешь
Nikolai
Nikolai
Или keydown лучше
SᑎOᙖOᖇᑎ
handleKeyDown(event) {
if(event.keyCode === 13) {
return alert('ss')
}
}
если алерт то все хорошо
пробую передать функцию this.func() все ломаеться
Дмитро
Дмитро
после деплоя... тепер такое...
Дмитро
кто знает в чем дело?
Дмитро
ето гит или ето сервак димыча барахлит?
Anonymous
Всем привет. Вопрос не по React, а по JS, но это тесно связано с React)))
Помогите понять что делает этот обработчик
window.addEventListener('click', function(e) {
if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
e.preventDefault();
}
});
Andrew
А что в путь самурая 2.0 будет? Димыч говорил уже?
Yaroslav
Всем привет. Вопрос не по React, а по JS, но это тесно связано с React)))
Помогите понять что делает этот обработчик
window.addEventListener('click', function(e) {
if (e.target.tagName === 'A' && e.target.getAttribute('href') === '#') {
e.preventDefault();
}
});
он проверяет, по клику на элемент является ли имя тега этого элемента "а", и значение свойства "href" равно "#", если да, то выполнить для этого элемента отмеену стандартных действий (в данном случае переход по ссылке)
Yaroslav
кто то основ js не знает
Дмитро
что никто не занимался деплоем на гитхаб? 🤣
Дмитро
пол дня коту под хвост)
A͟͟͟͞͞͞n͟͟͟͞͞͞t͟͟͟͞͞͞
Alexander
Кто-нибудь встречал такое баг? Когда пофиксишь ошибку, реакт все еще ругает на нее, а спустя какое-то время ощибка пропадает. Кэш?
SᑎOᙖOᖇᑎ
switch (month) {
case 'Jan':
case 'Mar':
case 'May':
case 'July':
case 'Aug':
case 'Oct':
case 'Dec':
return 31
break;
case 'Apr':
case 'June':
case 'Sept':
case 'Nov':
return 30
break;
case 'Feb':
return 28
break;
}
как можна переписать более компактно?
Anonymous
Anonymous
В том то и дело, что в компоненте вроде как
акионка.
Покажи код хотб
акионка.
Я чё Ванга)
Anonymous
Понял принял, ща откроем третий глаз. Сек
Anonymous
акионка.
И закроем сразу
акионка.
Anonymous
Что эт так? Магия не удалась?
Anonymous
Кто? Компонента ?
Anonymous
Anonymous
акионка.
Так два варианта
1. Сделай функцию стрелочной
2. Сделай название компоненты с большой буквы везде
Anonymous
Хм ну попробую щас
Anonymous
Так два варианта
1. Сделай функцию стрелочной
2. Сделай название компоненты с большой буквы везде
Хвала бубну, Просто компоненту на большую букву поменял -_-
акионка.
Но гуглится:)
Anonymous
Ахаха)
Dmitry
switch (month) {
case 'Jan':
case 'Mar':
case 'May':
case 'July':
case 'Aug':
case 'Oct':
case 'Dec':
return 31
break;
case 'Apr':
case 'June':
case 'Sept':
case 'Nov':
return 30
break;
case 'Feb':
return 28
break;
}
как можна переписать более компактно?
const month = {Jan:31,Feb:30 ...}
console.log(month.Jan)
Dmitry
Можешь через let и в февраль закидывать разные валью. Обращаться из функций через const getMonthDay = (m) => (moth[m]);
SᑎOᙖOᖇᑎ
const validate = () => {
let leapYear = ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0);
switch (month) {
case 'Apr': case 'June': case 'Sept': case 'Nov': return 30
break;
case 'Feb':
return leapYear ? 29 : 28;
break;
default:
return 31
}
}
такой вариант плохой?
Dmitry
const validate = () => {
let leapYear = ((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0);
switch (month) {
case 'Apr': case 'June': case 'Sept': case 'Nov': return 30
break;
case 'Feb':
return leapYear ? 29 : 28;
break;
default:
return 31
}
}
такой вариант плохой?
Замудрил чёт ты 😂)) new Date(year, 1, 29).getDate() === 29
Dmitry
Пихаешь в велью объекта февраль с проверкой и вот тебе сокращение кода
SᑎOᙖOᖇᑎ
Albert
а не подскажите разницу между redux и react-redux? 9d инете вообще не могу найти)
Albert
плюшки какие дает react-redux?
акионка.
Redux это менеджер состояний
React-redux содержит некоторые функции для удобной работой с редакс (Провайдер, например)
Albert
Albert
а не напомнишь, где мы использовали react-redux?
Albert
ой
Albert
provider
Albert
где его использовали?
Daria
Он оборачивает компонент Арр
Daria
Он оборачивает компонент Арр
Это даёт возможность использовать стор в любой компоненте без прокидывания через пропс
Albert
нашел, спасибо
Daria
не за что)
Albert
оттуда же еще connect и другие, все вспомнил HOC"и от этой библиотеки
Albert
а еще, когда использовать constructor(props) {super(props)}?
Albert
у Димыча в уроке он был обязательным, а у он подчеркивался как не нужный. и я его удалил, но все также хорошо работает
Albert
попробывал с ним и без, результат и props в нем одинаковые, не вижу смылса его использовать
Daniil
Когда пишешь extends React. Component он по умолчанию добавляется в класс, если нужно добавить ещё значения в конструктор то должен написать его
Albert
Albert
Когда пишешь extends React. Component он по умолчанию добавляется в класс, если нужно добавить ещё значения в конструктор то должен написать его
а значения зачем добовлять в constructor? если есть методы жизненного цикла?
Albert
можешь пример привести, когда можно и нужно писать консруктор?
Daria
можешь пример привести, когда можно и нужно писать консруктор?
Нужно понимать разницу пропс и стейт, шаришь?
Daria
можешь пример привести, когда можно и нужно писать консруктор?
https://medium.com/@divermak/%D0%B2%D1%81%D0%B5-%D1%84%D1%83%D0%BD%D0%B4%D0%B0%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BF%D1%80%D0%B8%D0%BD%D1%86%D0%B8%D0%BF%D1%8B-react-js-%D1%81%D0%BE%D0%B1%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D0%B2-%D0%BE%D0%B4%D0%BD%D0%BE%D0%B9-%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B5-ec6a97bfd1bf
Anonymous
Добрый вечер,вопрос такой,начал изучать реакт по Гоше Дударю,начал проект ,но при написании кода в файле App.js все серым светится и не компилится ,кто знает в чем дело?
Anonymous
Daria
Так ты добавь что-то
Ничего не использует реакт
Daria
Это ноомально
Michail
там есть свои методы find и еще какой-то
А что за метод, гуглю про find в реакт, не нашел нечего
Anonymous
Так ты добавь что-то
Ничего не использует реакт
ну автор в видео говорит пишите import React from "react" у него все подсвечивает цветом ,а у мееня все серое и ошибку выбивает😒
Daria
ну автор в видео говорит пишите import React from "react" у него все подсвечивает цветом ,а у мееня все серое и ошибку выбивает😒
Может у тебя так настроен вс код
Ты напиши компоненту
Все должно заработать
Daria
Ты ж там сейчас ничего не возвращаешь,ему нечего рисовать
Daria