Да

или стейт компонента

создаеш экшн криейтор

и в него передаеш id обекта

в редюсере прописываеш что будет при срабатывании экшина

и при клике вызываеш этот экшн

в редюсере при срабатывании экшина меняеш массив в стейте

это вкраце) а так димыча посмотри у него это разжовано на 100 видеор

Это я все делаю проблема в редюсере как написать к примеру ...state, и таск у меня массив объектов и id приходит с экшина как это id прикрутить в редюсер

скинь код редюсера

Спасибо, Олег

Я его не написал, я не знаю как сделать

Сейчас скину подробнее

пж

let initialState = { tasks: [ {id: 1, label: 'first task', important: false}, {id: 2, label: 'second task', important: false}, {id: 3, label: 'third task', important: false} ] вот мой стейт export const importantTaskActionCreator = (id) => { return { type: "IMPORTANK-TASK", id } }; приходит id по клику и как это все записать в редюсер и копирование стейта

напиши функцию редюсера

каркас

let reducer = (state = initialState, action) => { switch (action.type) { case ADD_TASK: let newTask = { id: state.tasks.length + 2, label: state.newTaskText, important: false }; return { ...state, tasks: [...state.tasks, newTask] }; case DELETE_TASK: return { ...state, tasks: state.tasks.filter((task) => { return task.id !== action.id }) }; case "UPDATE-TASK": return { ...state, newTaskText: action.labelNewTask }; default: return state; } };

отлично

добавь туда case для экшина

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

добавть кейс для экшина, сделай каркас

дальше разберемся чо дописать

case "IMPORTANK-TASK": return { }

отлично

добавь в карска еще ...state

и будем думоть как сделать

😆

лол))

блин мне кажется ты уже рофлишь)

не

ща придумаем

return { ...state, tasks: [...state.tasks.filter( item => item.id != action.id)] }

это все таски кроме нужного

Здравствуйте. Кто поможет? Есть массив объектов и есть такая штука let search = guestList.filter((item) => item.searchIndex.toLowerCase().indexOf(query) !== -1);, которая фильтрует массив на совпадение по searchIndex как сделать что бы она искала по всем полям, а не только по полю searchIndex

Oleg это да, но мне надо отображать все таски и к примеру чтоб у одного поменялось значение important На true)

let newTask = state.tasks.filter( item => item.id == action.id)[0]; return { ...state, tasks: [ ...state.tasks.filter( item => item.id != action.id), { ...newTask, important: true } ] }

думаю так

а разве в case переменную получится создать?)

да, на изи

да, на изи

хехе, благодарю все получилось)))

Oleg а можешь обьяснить что это "[0]" делает

первый элемент офильтрованного массива

filter возвращает массив

но мы знаем что там один элемент

а значит у него индекс 0

вот к нему и обращаемся

понял, спасибо большое!)

Короче. Проблема в том, что пропсы приходят только при вызове модального окна

если происходят изменения внутри модали, и меняется стейт, новые пропсы приходят только в mapStateToProps

а в саму компоненту нет

то есть компонента получает пропсы только при вызове модали

учитывая что у меня родитель это классовая компонента, может мне стоит использовать какойто метод жизненного цикла, чтобы он ререндерил все внутри return () при любом изменении стейта?

Мучай компонент дид апдейт или юз эффект,. Заставляй реагировать на изменение пропсов..

Странный баг возник, все элементы формы <input>, <textarea> и <button> неактивны. Перечитал доку, не вижу причину(

componentWillReceiveProps() не пойдет?

componentWillReceiveProps() не пойдет?

Считается морально устаревшей...

Друзья, всем привет:) я с вами недавно, поэтому не совсем знаю каким образом строится общение в чате, но раз оно для поддержки, могу ли я обратиться к «старичкам» с вопросом? Я застряла на 63 уроке React js-практика follow-unfollow api. Не меняются при клике надписи Follow на unfollow и наоборот, API-KEY сгенерировала, withCredentials: true везде стоит, сервер отвечает , все хорошо, но в браузере надписи на кнопках не меняются, если кто-то догадывается в чем ошибка могу скинуть скрины, чтобы более детально. Заранее спасибо!

Надписи на кнопках должны быть в зависимости от какой то метки в стейте или если они мапятся вместе с остальным содержимым то типа {t.follov : 'Фолов' ? 'Unfolov'} где t колбэк мапа или у тебя он как то иначе называется.

Ребят, кто-нибудь может помочь? Застрял на 37 уроке. Опять столкнулся с похожей проблемой с пропсами. После рефакторинга кода опять ругается на undefined в пропсах, когда пытаюсь добавить сообщение. Когда начинаю дебажжить вверх по компонентам, дохожу до самого state.js. Не могу понять, в чем проблема, и из-за чего они изначально принимают Undefined

сам стейт. export default store; есть, не заскринил его просто

Ребят, кто-нибудь может помочь? Застрял на 37 уроке. Опять столкнулся с похожей проблемой с пропсами. После рефакторинга кода опять ругается на undefined в пропсах, когда пытаюсь добавить сообщение. Когда начинаю дебажжить вверх по компонентам, дохожу до самого state.js. Не могу понять, в чем проблема, и из-за чего они изначально принимают Undefined

а что в app в пропсах лежит ? при дебаге

а что в app в пропсах лежит ? при дебаге

собственно, вот, что прилетает, когда отправляю сообщение

удалось решить проблему

удалось решить проблему

👍

А что заставляет перерисовываться наш дом после подключения реакт редакс либы ? Кто помнит?)

у меня профайл перерисовывается, а вот диалоги - нет)

редюсеры

переприсвоил стейт

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

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

из этого лишние рендеры и тд)

либо у тебя type у action неверный

либо ты возвращаешь не ...state а просто state

либо все захардкожено)

по тайпу залетает куда надо) хм, ну ща пороюсь, спс за развёрнутый ответ

Ребят

кто может обьяснить для чего приватный SSH key?

Где его использовать?