Mihail
это тоже самое, что выше сказали
Mihail
по сути
Китикет
withSmth()
хок должен что-то делать
Китикет
Если им оборачивать родителя, то это бесполезно, тк можно просто написать это внутри него, а если оборачивать компоненты внутри, это избыточно так как можно прокинуть пропсами, единственный вариант это оборачивать в Context Consumer если дети которым нужен стейт лежат сильно глубоко
Mihail
согласен
res
Для этого состояние выносится в родителя
Изменяю по функции стейт от родителя в компоненте эелемента нарисованного дерева, и ловлю изменение в componentDidUpDate в компоненте стрелочек, я правильно понял?
Mihail
просто сделай общий стейт и вынеси в родителя
Mihail
и прокидывай через пропсы
res
@risenforces @MKuzmin0 ок, спасибо.
Китикет
@risenforces @MKuzmin0 ок, спасибо.
А когда мышка отпускается, можно на этом этапе в редакс скинуть результат
Amazing
Ребят как кавычки тут правильно экранировать? str.replace(/",'') нужно кавычки заменить на пустое значение
Paul
Кто-то эффектор в проде юзает?
wolfe
Кто-то эффектор в проде юзает?
спроси тут https://t.me/effector_ru
🤴👷‍♂️🦸‍♂️🧚‍♀️
Paul
Не. прочитал до конца readme и передумал
Eugene
🤔почему?
Paul
Апи странное
Китикет
Paul
Paul
Первые 3 — это типа местные "эффекты"?
Paul
ивенты*
Paul
Непонятно, если fetchUserRepos и так промиснутое, зачем эти .pending/.done/.fail
Igor
А что странного?
Китикет
Первые 3 — это типа местные "эффекты"?
Это встроенные в эффект сторы, в которых лежит текущее состояние эффекта, если вкратце
Paul
Непонятно, если fetchUserRepos и так промиснутое, зачем эти .pending/.done/.fail
Т.е. тот же .fail — это трай\кеч вокруг await fetchUserRepos...
Igor
Т.е. тот же .fail — это трай\кеч вокруг await fetchUserRepos...
Окей, а как ты стор менять будешь?
Igor
В ридаксе ты с запросами как работаешь?
Igor
Точнее с состоянием запроса
Paul
Через саги
Paul
Но вообще, редакс не нужон, поэтому я с ним не работаю. у нас рилей
Igor
На примере лоадера
Igor
Как ты будешь менять стор?
Igor
Чтобы во время запроса крутился лоадер, а при done/fail исчез
Paul
Ну, во первых, я бы положил лоадер не в стор, а в стейт компонента
Paul
Во вторых, я бы сделал максимально прозрачно: прям перед запросом запустил лоадер, в трай кече оберут вызов запроса с await, по получении результат или ошибки выключил бы лоадер
Paul
А в варианте с эффектором какой-то флешбек в коллбеки
Eugene
🤔логика во вью
Paul
Ну мб я просто еще не проникся
Paul
🤔логика во вью
Логика кручения лоадера — это же не бизнес логика
Китикет
Китикет
ССАГИ
Paul
ФУ
Согласен
Paul
Поэтому я больше и не юзаю богомерзкий редакс и все с ним связанное)
Paul
Ок, а как в эффекторе принято структурировать код? Ну т.е. сторы и логика их обработки живет там же с компонентами?
Paul
Ты запросы во вью делаешь?
У нас графкл на хуках, так что да
Igor
ну, значит у тебя такой кейс и ты привык к такому
Igor
а в эффекторе логика живёт отдельно от вьюшки
Krits
Подскажите пожалуйста как вставить тег <br/> в тексте объекта? text: { 'text <br/> text' } <div>{text}</div> - что бы здесь сработал перенос?
Paul
Т.е. это где-то должен быть глобальный экспорт стора...
Igor
то есть все разбито по фичам
игорь/igor
Но вообще, редакс не нужон, поэтому я с ним не работаю. у нас рилей
а можно простыми словами, в чем отличие редакса и рилея, и вообще можно ли их сравнивать?. сорян если тупой вопрос
Krits
dangerouslySetInnerHTML https://ru.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
Так это получается мне в state вместо объекта с текстом нужно писать такие функции? function createMarkup() { return {__html: 'Первый · Второй'}; } а как мне потом такие конструкции через .map прогонять? может есть какой-то другой способ вставить пробел?
Paul
а можно простыми словами, в чем отличие редакса и рилея, и вообще можно ли их сравнивать?. сорян если тупой вопрос
Ну, редакс, якобы, призван облегчить управление данными, посредством единого store и его модификации через события. Тем самым, разраб сам трахается с формированием дерева стейта, сам трахается с тем как модифицировать его и разгребает лапшу из ивентов. Рилей же базируется на графкл, и, собсно бекенд на графкле является по факту тем самым стейтом. Соответственно, когда тебе надо отрисовать какой-то компонент на основе данных, ты совераешь запрос в рилей, который потом идет на сервак, берет данные и дает их тебе. Весь стейт относящийся к интерфейсам мы отдаем на откуп React.useState(). Само собой, рилей еще имеет умный кеш (запрос не шлются по несколько раз), всякие optimisticResponse и т.д. и т.п. Но сама идея в том, что графкл позволяет использовать данные с бекенда as is, без необходимости их парсинга и запихивания в какие-то редакс стейты. А рилей лишь помогает заюзать эти данные в реакте
Paul
Если тебе только перенос строки нужен
Krits
да, только он
Krits
Paul
Ну, редакс, якобы, призван облегчить управление данными, посредством единого store и его модификации через события. Тем самым, разраб сам трахается с формированием дерева стейта, сам трахается с тем как модифицировать его и разгребает лапшу из ивентов. Рилей же базируется на графкл, и, собсно бекенд на графкле является по факту тем самым стейтом. Соответственно, когда тебе надо отрисовать какой-то компонент на основе данных, ты совераешь запрос в рилей, который потом идет на сервак, берет данные и дает их тебе. Весь стейт относящийся к интерфейсам мы отдаем на откуп React.useState(). Само собой, рилей еще имеет умный кеш (запрос не шлются по несколько раз), всякие optimisticResponse и т.д. и т.п. Но сама идея в том, что графкл позволяет использовать данные с бекенда as is, без необходимости их парсинга и запихивания в какие-то редакс стейты. А рилей лишь помогает заюзать эти данные в реакте
Сорян, я плохо текстом объясняюсь
Krits
Ну еще как вариант, ты можешь обернуть текст в backticks и заюзать \n `some line,\nsome new line! `
не переносит он так, только пробел оставляет в тексте, а переноса строки не происходит, есть может рабочий пример?
Krits
Кто знает как вставить перенос строки в react ? {text: `text<br/>text`} <div>{text}</div> - тут должен проиходить перенос
Paul
не переносит он так, только пробел оставляет в тексте, а переноса строки не происходит, есть может рабочий пример?
Хз че у тебя там, должно с \n работать. Но вообще уже писал, пробуй dangerouslySetInnerHTML
Krits
dangerouslySetInnerHTML
можно пример? в мануале только через функции, а как я их буду вставлять в объект state и потом все это дело прогонять через .map ?!!
Krits
state = { text: text<br/>text } renderItems(state) { data.map(item) => <div>{item.text}</div> - вот как тут вставить ПЕРЕНОС? }
Anonymous
👮‍♂
Anonymous
const r = ['123<br/>123'] r.map((e, i) => { return ( <div key={ i } dangerouslySetInnerHTML={{ v_html: e } ) })
Roman
?
dangerouslySet и индекс в качестве ключа
Roman
https://github.com/remarkablemark/html-react-parser вот это лучше заюзать