То что законектил из mapStateToProps и MapDispatchToProps

Есть классовая компонента, хочу передать то, что в коннекте в компоненту, которая в рендере, и чтобы передать пишу this.props.(то что мне нужно из коннекта), без пропса не получается, хочу узнать почему я должен написать пропс, когда моя классовая компонента и коннект в одном файле

То что законектил из mapStateToProps и MapDispatchToProps

Вот простой пример

столкнулся с проблемой. . с сервера получаю данные вывожу на страницу а у меня текст с тегами p, span и прочее, как исправить?

столкнулся с проблемой. . с сервера получаю данные вывожу на страницу а у меня текст с тегами p, span и прочее, как исправить?

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

Кажется дошло)

https://ru.reactjs.org/docs/higher-order-components.html почитай вот

Когда уже люди научатся скриншоты делать? 👀 неоднократно в чате всплывает подобное

Да, нет, бывает твой комп не подключен к инету, а раздать моб.точку доступа и потом заскринить и потом открыть телегу потом кинуть в сообщество лень, лучше сфоткать хоть четко и скинуть) сорри если достовляет неудобства

привет. у меня вот такой объект продукта, юзер выбирает параметры на странице продукта селектом, потом отправляет в корзину. как я должен передавать выбранные параметры в редюсер корзины? и вообще, у меня должен быть экшен на случай выбора параметра?

сегодня вроде не пятница, куда всех разнесло?) люди

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

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

да у тебя тут вообще таблица непонятная, в идеале найти уникальный id товара и по нему потом на бэк снова ходить и брать его параметры

а action payload может принимать объект или массив?

Да все что хочешь, даже функции 😁, но я тебе это не говорил) P.s. числа, строки, объекты и массивы - это ок

У меня есть объект, в котором есть ключ 'Count', но при этом я не знаю как он написан (uppercase или lowercase). Как мне достать его?

const count = tvoiObject.Count || tvoiObject.count откуда вы такие структуры берете?))

'COUNT' 'cOuNt' ..... вариантов куча может быть

Ответ выше написали же

const count = tvoiObject.Count || tvoiObject.count откуда вы такие структуры берете?))

?

Вот ответ

Так я написал что кейсов больше может быть. Если слово из 5 букв то 2^5, мне все перечислять?

в ловеркейс религия не позволяет?)

'COUNT' 'cOuNt' ..... вариантов куча может быть

В объекте ключ неизвестный

не ты можешь все варианты так пройти, а можно функцию бахнуть) const key = Object.keys(tvoiObject).find(key => key.toLowerCase === 'count') const count = tvoiObject[key] 🙂

Всем привет. Подскажите пожалуйста, нужен ли Preact после появления в React хуков и для достижения каких целей Preact может понадобиться?

В принципе преакт просто меньше реакта по бандлсайзу. По факту обычно преакт - это философия, которая подразумевает заботу о бандлсайзе в общем, выбирая каждую подключаемую библиотеку с этой мыслью в голове

Ого. Спасибо за ответ, теперь я точно сформировал точку зрения по преакту

В этой статье в основном будут говорит про виртуальный дом и не много затронут преакт https://medium.com/@abraztsov/how-virtual-dom-work-567128ed77e9

Спасибо, сейчас изучу статью

Посмотри на редьюсер свой. Ты перетираешь значение

И всё же не понимаю. Я скорее всего каких-то принципов Redux-а не понимаю. Я опишу по шагам так как это вижу я, и если можно, указать шаг на котором я ошибаюсь. * Вызываем хуки и идём в jsx-разметку внутрь хэндлера кнопки. * При нажатии кнопки происходит следующее: 1. dispatch1 отправляет событие на замену хранилища. Вмесе с событием прикладывает новый объект Map('immutable'). Данный новый объект Map получается из текущего состояния, посредством вызова set() для "key1" и нового значения, что создаёт новый объект Map, который и отправляется в редюсер, и после чего старый объект хранилища заменяется на этот новый объект. 2. Процедура повторяется с dispatch2 и ключом "key2". Вопрос - какое перетирание значения тут может быть когда работа ведётся с разными ключами? По идее в хранилище должны быть два ключа со своими значениями, а получается только один ключ...

Так, ну смотри. dispatch1({ type: ActionType.REPLACE_STORE, payload: state.set("key1", state.get("key1") + ".") }); dispatch2({ type: ActionType.REPLACE_STORE, payload: state.set("key2", state.get("key2") + ".") }); Не работал с immutable, но подозреваю что на каждый set создаётся НОВЫЙ объект У тебя один общий стейт для обоих диспатчей. Допустим так: { key1: '', key2: ''} При первом диспатче в payload новый объект стейта. { key1: '.', key2: ''} При втором диспатче снова "изменяется" старый объект { key1: '', key2: '.'} Т.е. ты делаешь диспатчи с такими данными state -> state1 state -> state2 А не так state -> state1 -> state2 Т.к. это происходит сразу, то второй диспатч является актуальным. Можешь через Redux devTools глянуть, 100% увидишь проблему визуально (кмк)

Да, по идее ты прав. Если я правильно понял, то моя переменная state ссылает на ИЗНАЧАЛЬНЫЙ объект стейта, и после его замены при первом диспатче, эта константа всё также ссылается на старый объект стейта. Ну и следовательно, после второго диспатча, в хранилище устанавливается новый объект но созданный от изначального. Я где-то читал что селектор выдаёт состояние, подписывается на его события и я думал что он как-то подшаманимает чтобы в момей константе был актуальный стейт😊 Видимо это не так. Спасибо.

Да, по идее ты прав. Если я правильно понял, то моя переменная state ссылает на ИЗНАЧАЛЬНЫЙ объект стейта, и после его замены при первом диспатче, эта константа всё также ссылается на старый объект стейта. Ну и следовательно, после второго диспатча, в хранилище устанавливается новый объект но созданный от изначального. Я где-то читал что селектор выдаёт состояние, подписывается на его события и я думал что он как-то подшаманимает чтобы в момей константе был актуальный стейт😊 Видимо это не так. Спасибо.

> Я где-то читал что селектор выдаёт состояние, подписывается на его события и я думал что он как-то подшаманимает чтобы в момей константе был актуальный стейт😊 Даже если это и так, то тебя ссылка остаётся старая. Тут никакой магией это не подшаманить, т.к. имутабельное состояние. Да и выполняются диспатчи синхронно.

Ну добавляй классы если не хочешь инлайново. Class__name_1 например. Цифру заменяй на index элемента и все

ну у меня разные компоненты зависят от этого id. я буду в css прописывать 20 штук вариантов к каждому id? 20 штук бэкграундов к одному компоненту, 20 штук color к другому и т.д. нужна темизация какая-то

пишу чат, не могу понять, что может быть не так. Новое состояние не пушиться

пишу чат, не могу понять, что может быть не так. Новое состояние не пушиться

пишу чат, не могу понять, что может быть не так. Новое состояние не пушиться

Где вообще ты взял такой пример обновления? Ведь в доке даже такого нет

с ютюбчика)

с ютюбчика)

Где вообще ты взял такой пример обновления? Ведь в доке даже такого нет

пишу чат, не могу понять, что может быть не так. Новое состояние не пушиться

Документацию не смотрели на setState? Делюсь советом, у меня работает по крайней мере в подавляющем большинстве случаев: для начала открывает документацию на библиотеку и смотрим как правильно использовать тот или иной метод ( https://ru.reactjs.org/docs/react-component.html#setstate). Если чтение документации не решает вопрос, то идём в Гугл, если Гугл не сталкивался с такой проблемой, то наступает время заглянуть в исходный код и понять что идёт не так. Если же и это не помогло, то задаём вопрос в чате реакта. У меня на практике все вопросы решались максимум на этапе обращения к исходникам, допускаю что в особо сложных случаях можно прибегнуть к помощи чата, но лично я пока не сталкивался с такими.

Зачем думать, если можно сразу спросить? :-)

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

с ютюбчика)

Ну че там, где ссыль?