Igor
сделай консоль лог this.props
Igor
ты по аргументам должен принимать пропсы
Igor
в функциональном компоненте
Igor
и mapDispatchToProps -> ты уверен что ты правильно все делаешь?
Igor
там должен возвращать объект, и внутри переменной должен быть метод
Igor
офф документация к прочтению
Maksim
офф документация к прочтению
Кароч все перетыкал...в этом примере когда идёт связывание через Коннект, у компонента в пропсах есть только функция dispatch() и все..вот туда и кладем action
Alexander
Почему внутри класса не нужно указывать для переменных и методов const или let, и с чем они в итоге объявляются?
Zaff
Почему внутри класса не нужно указывать для переменных и методов const или let, и с чем они в итоге объявляются?
что значит переменные внутри класса?
Aidyno
Alexander
что значит переменные внутри класса?
export default class SwapiService {
_apiBase = 'https://swapi.co/api';
_imageBase = 'https://starwars-visualguide.com/assets/img';
async getResource(url) {
const res = await fetch(url);
if(!res.ok) {
throw new Error(`Server not have this source in ${url}` +
` status ${res.status}`);
}
const body = await res.json();
return body;
}
Zaff
export default class SwapiService {
_apiBase = 'https://swapi.co/api';
_imageBase = 'https://starwars-visualguide.com/assets/img';
async getResource(url) {
const res = await fetch(url);
if(!res.ok) {
throw new Error(`Server not have this source in ${url}` +
` status ${res.status}`);
}
const body = await res.json();
return body;
}
так это свойства
почитай про классы и объекты в целом
Alexander
так это свойства
почитай про классы и объекты в целом
читал, но этот момент так и не понял, толи пропустил, толи не освещают. Свойства не подчиняются правилам let, const?
Zaff
читал, но этот момент так и не понял, толи пропустил, толи не освещают. Свойства не подчиняются правилам let, const?
свойства и методы != переменные
Alexander
А когда мы создаем методы через функцию конструктор и прототип там же вроде есть const и let
Zaff
А когда мы создаем методы через функцию конструктор и прототип там же вроде есть const и let
это ты внутри метода переменную объявляешь
Alexander
а гугл что говорит?)
относительно class, методов и свойств и let, const ничего не могу найти.
Alexander
раньше для статических переменных и методов юзаели const возможно в новом пропоузале убрали
Aidyno
относительно class, методов и свойств и let, const ничего не могу найти.
Принципы ООП, а имеено инкапсуляция почитай про это все дерьмо
Aidyno
раньше для статических переменных и методов юзаели const возможно в новом пропоузале убрали
https://learn.javascript.ru/class - тут глянь
Victor
Надо тесты бахнуть на весь свой интерфейс. Как вообще делается это? Видел в реакте и еффекторе jest, что еще посмотреть?
Cypress, testcafe - хорошие фреймворки.
Eugene
кто-нибудь сталкивался с проблемой, что компонент CircularProgress из mui не на одном месте крутится, а скачет?
Eugene
то есть он крутится не вокруг своей оси, а как бы по эллипсу
Alexander
Это лоудинг?
Eugene
а, ок, это из-за маргина
Eugene
у меня есть метод, в котором я получаю event.target.value
const handleSuggestionsFetchRequested = ({ value }) => {
loadSuggestions(value)
...response from server
getSuggestions(value, response)
}
loadSuggestions в данном случае event, который делает запрос на сервер
после того, как приходит ответ с сервера, я должен value и response передать в другой метод
проблема в том, что loadSuggestions не возвращает промис
как мне отловить этот момент?
Eugene
я думал об этом
Eugene
но я не разобрался, как это реализовать
Mihail
посмотри на learn js подробнее
Eugene
return new Promise((resolve, reject) => {})
проблема в том, что loadSuggestions приходит пропсом, в родителе вызывается уже event ну или dispatch если редакс, и она тоже не возвращает промис
Леша
Имеет ли смысл применять паттерны проектирование такие как конструктор, декоратор, фасад и тд, в ReactJS? И где об этом можно почитать
Mihail
Mihail
loadSuggestions сделай эффектом, внутрь fetch/axios засунь и рули всем в эффекторе
Sm•ok
Eugene
loadSuggestions сделай эффектом, внутрь fetch/axios засунь и рули всем в эффекторе
не могу, должна быть абстракция здесь
Sm•ok
Офигеть увеличили троттл сообщений до 30 секунд
Eugene
loadSuggestions сделай эффектом, внутрь fetch/axios засунь и рули всем в эффекторе
там будут разные ивенты использоваться потом, этот компонент многоразовый
Eugene
loadSuggestions сделай эффектом, внутрь fetch/axios засунь и рули всем в эффекторе
хотя, это должно решить мою проблему..спасибо
Eugene
loadSuggestions сделай эффектом, внутрь fetch/axios засунь и рули всем в эффекторе
да, супер, то, что надо..просто я всегда держал эффекты закрытыми
Eugene
а здесь и ивент тогда не нужен
Mihail
эффект можно вызвать по событию, я через forward делаю
мне кажется, лучше не вызывать эффект прямо в компоненте, это тоже самое, что делать запрос в компоненте
я пробрасываю в компонент только ивенты
Mihail
возможно я неправ, поправьте
Eugene
Mihail
как я тогда промис получу?
Я предлагаю рулить эффектом в слое стейтменеджера, не в компоненте
Там уже делаешь что нужно
AG
🤴👷♂️🦸♂️🧚♀️
Aza 👁️
Максим
Anton
Базовые знания ж с оф документации
Удваиваю, у реакта отличная документация, которая читается как книга, не вижу смысла читать что-то устаревшее со стороны, тем более что реакт развивается чуть ли не ежемесячно и тут уже никакая книга не поможет, только доки
Артём
Maksim
ребята....кто-нибудь может помоч с маленьким тестовым проектом(react-redux)...мне просто надо изменить имя одного из элементо и я вижу как оно меняется, но в конце приложение скидывается на initialState...удивляет, что остальные action работают нормально.два дня бьюсь не могу понять
artalar
А можно сделать что бы дев сервер CRA не падал если есть ошибки в тайпингах?
artalar
Как можно вообще было додуматься сделать это поведение по умолчанию...
Victor
ребята....кто-нибудь может помоч с маленьким тестовым проектом(react-redux)...мне просто надо изменить имя одного из элементо и я вижу как оно меняется, но в конце приложение скидывается на initialState...удивляет, что остальные action работают нормально.два дня бьюсь не могу понять
Сделай пример на codesandbox каком нибудь для начала
Dima
Cenator 🐈
Как можно вообще было додуматься сделать это поведение по умолчанию...
Ранее его не было, потом добавили
artalar
Если что https://github.com/facebook/create-react-app/pull/6931
Ivan
Ivan
тебе туда класс падает
Ivan
от реакта видимо?