я не пойму ,почему там должно возвращать тру)

Подскажите, что подразумевается под SideEffect в реакт

сайд эффект это не про реакт а вообще про функции, просишь например функцию за молоком сходить а она еще и окна моет))

сайд эффект это не про реакт а вообще про функции, просишь например функцию за молоком сходить а она еще и окна моет))

Это противоположность чистой функции?

да

services.map(e => e.id == action.id ? e.checked = action.checked : e) - тут возвращается либо e.checked, либо е

да

Просто говорят что нестоит в willMount добавлять sideeddect

я уже за пивом сходил а вы все с мапами деретесь))

я уже за пивом сходил а вы все с мапами деретесь))

а мы просто уже давно сходили 😂

Просто говорят что нестоит в willMount добавлять sideeddect

это к тому чтобы не дергать то что еще не сформировалось в DOM

а мы просто уже давно сходили 😂

теперь все встало на свои места)

это к тому чтобы не дергать то что еще не сформировалось в DOM

Я так понимаю что допустим didMount выщовется только один раз а willMount модет много?

нет столько же раз

просто didMount происходит после рендера а willMount до но после конструктора

лучше глянуть в жизненный цикл компонент

напиши какое у тебя условие

ти прав) там возвращает только e.checked а не весь объект

obj.services.map(e => { e.id == 2 ? e.checked = true : 0; return e });

вот так можно

киньте условие я сделаю

киньте условие я сделаю

пусть сам делает) так нельзя. можно подсказывать, но не решать задание

services.map(e => e.id == action.id ? {...e, ...e.checked = action.checked} : e)

так наверное

obj.services.map(e => { e.id == 2 ? e.checked = true : 0; return e });

а чем тебе этот вариант не нравится?

сайд эффект это не про реакт а вообще про функции, просишь например функцию за молоком сходить а она еще и окна моет))

А вобще, почему проблемма вызвать sideEffect в WillMount

Тип из-зи DOM

а чем тебе этот вариант не нравится?

без спреда не будет работать

без спреда не будет работать

obj.services.map(e => { e.id == 2 ? e.checked = true : 0; return e }); это не бдет работать?)

А вобще, почему проблемма вызвать sideEffect в WillMount

да вот хотел написать отвлекся))

а чем тебе этот вариант не нравится?

а почему там 0?

короче получается типа если стейт поменяется то нужно перерендэрить компонент а он зараза еще даже не построен - вот в чем беда

а почему там 0?

если e.id не равен 2 , то ничего не делать)

объясните хотя бы какое условие точно тут

let obj = { services: [ {id: 1, name: 'Элемент 1', description: 'Описание элемента 1', checked: false}, {id: 2, name: 'Элемент 2', description: 'Описание элемента 2', checked: false}, {id: 3, name: 'Элемент 3', description: 'Описание элемента 3', checked: true}, {id: 4, name: 'Элемент 4', description: 'Описание элемента 4', checked: false}, ] } let result = obj.services.map(e => { e.id == 2 ? e.checked = true : 0; return e }); console.log(result);

e.id == 2 какое-то странное условие)

короче получается типа если стейт поменяется то нужно перерендэрить компонент а он зараза еще даже не построен - вот в чем беда

Я так понял, проблемма в том, что запрос от сервера может прийти быстрее чем компонент сделает willMount&

e.id == 2 какое-то странное условие)

да это чисто пример) у него там другое

у меня нету всего задания)

всё получилось уже)

спасибо

Я так понял, проблемма в том, что запрос от сервера может прийти быстрее чем компонент сделает willMount&

проблема в том что компонент физически начинает существовать только после didMount (точнее в момент его вызова)

проблема в том что компонент физически начинает существовать только после didMount (точнее в момент его вызова)

Всервоно не полниаю, если мы не делаем манипуляций с DOM никаких то смысл

допустим так есть html и там к примеру есть текстовое поле но до того как ты ее отрисуешь выше запущен скрипт который хочет его поменять будет ошибка так как компонента еще нет - это без реакта

case ON_SERVICE_SELECT: return { ...state, services: {...state.services.map(e => e.id === action.id ? {...e, ...e.checked = action.checked} : e)} }

вот такая колбаса получилась

...e.checked = action.checked это очень странная запись

ладно костыли тоже нужно уметь писать самому))

почему?

допустим так есть html и там к примеру есть текстовое поле но до того как ты ее отрисуешь выше запущен скрипт который хочет его поменять будет ошибка так как компонента еще нет - это без реакта

Да, но мне не нужно знать нечего про мою инфу с wiilMoount

services: {...state.services.map(service => service.id === action.id ? {...service, checked: action.checked} : service)}

{ ...state, services: {...state.services.map(e => e.id === action.id ? {...e, checked: action.checked} : e)} }

services: {...state.services.map(service => service.id === action.id ? {...service, checked: action.checked} : service)}

это получше

Да, но мне не нужно знать нечего про мою инфу с wiilMoount

Если бы я изменял input в willMount это было бы логично

спасибо

тогда другой вопрос, для чего там ее получать)

Всем привет! Делаю тудулист и вот не могу понять как выделять таски по нажатию на кнопку. То ли хранить в отдельном массиве элементы со свойством true, то ли добавлять класс, как на словах это работает ?

о на словах всё работает))

😂

по туду листам походу только и завален ютуб)

Всем привет! Делаю тудулист и вот не могу понять как выделять таски по нажатию на кнопку. То ли хранить в отдельном массиве элементы со свойством true, то ли добавлять класс, как на словах это работает ?

вот как раз эту проблему только что решили

тогда другой вопрос, для чего там ее получать)

Потому что все говорят что в didMount но обяснить чтоб я понял не могу((

case ON_SERVICE_SELECT: return { ...state, services: {...state.services.map(service => service.id === action.id ? {...service, checked: action.checked} : service)} };

вот как раз эту проблему только что решили

Спасибо, почитаю сейчас историю)

мне думается туду лист это современный hello world)

мне думается туду лист это современный hello world)

нет...это на работу не возьмут но ты можешь сказать, что знаешь чуть больше чем console.log('hello world') но и практика для мозгов какая-то...но да..заездили на ура))

на работу возьмут только когда поймут что ты можешь зачистить их косяки))

на работу возьмут только когда поймут что ты можешь зачистить их косяки))

потому, джунам работа на реакте и не светит)) если нету несколько своих, ровных красивых проектов. А ту-ду лист в этом случае не прокатит

смотря какой тудулист

смотря какой тудулист

нууу... что б прокатил...он должен быть реально крут ) хотя...врядли будет интересно вылизывать и пилить такую тудушку

я согласен он должен быть крут не даром конторы делают календари с виду простая идея но важна реализация

а кто-то писал на react-native?

там всё то же самое?

насколько я знаю есть небольшие отличия но точно какие сказать не могу)

Всем привет ребята, у меня такой вопрос как и где правильно использовать localStorage с redux

а кто-то писал на react-native?

не смотрел ещё но после реакта обязательно....

Всем привет ребята, у меня такой вопрос как и где правильно использовать localStorage с redux

думаю только при случаях типа F5

не смотрел ещё но после реакта обязательно....

говорят вещь стоящая я тоже как-нибудь доберусь

Всем привет ребята, у меня такой вопрос как и где правильно использовать localStorage с redux

а в курсе не обсуждалось это?

я не видел

говорят вещь стоящая я тоже как-нибудь доберусь

Ну да с ф5 но мне нужно типа где его читать и где в него записывать