привет, как получить откуда перешли на сайт, есть ли где-то в истории это?

А что в window.history?

не вижу, где именно она должна находится?

Да хоть бы и перед вызовом ReactDOM.render .

вы о чем?

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

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

"почему" - потому что в итоге получаются неконсистентные данные

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

И вправду списка нет. А document.referrer ?

Народ, а почему в конструкции const [myVar, setMyVar] = useState([...[false, false, false]]) , в myVar оказывается пустой массив? А не три фолса

Народ, а почему в конструкции const [myVar, setMyVar] = useState([...[false, false, false]]) , в myVar оказывается пустой массив? А не три фолса

ты опять задачки с собеса постишь?

И вправду списка нет. А document.referrer ?

пустой

ты опять задачки с собеса постишь?

Я года 2 назад постил, хорошая у тебя память) Нет, это не с собеса

Народ, а почему в конструкции const [myVar, setMyVar] = useState([...[false, false, false]]) , в myVar оказывается пустой массив? А не три фолса

с чего там пусто ? Там три фолса должно быть

по клике запрос на сервак. и перерендери компонент

с чего там пусто ? Там три фолса должно быть

empty_list - десяток фолсов, selectedLines - пустой массив))

что в empty_list он же пустой ты выше не такой ппример дал

Господа, подскажите как сохранять отрендеренный браузером блок в картинку и отдавать юзеру на скачивание? Что-то вроде скармливание реакт-компонента в канвас или типа того

Я ниже привел live expression, там он не пустой. Я могу вместо empty_list написать [false, false, false], это что-то разве меняет?.

Я ниже привел live expression, там он не пустой. Я могу вместо empty_list написать [false, false, false], это что-то разве меняет?.

https://codesandbox.io/s/strange-kare-8cszh

Всем привет:)

https://codesandbox.io/s/strange-kare-8cszh

Разобрался, это непустой массив фолсов потом приезжал , надо было useEffect юзать. Спасибо

Писал бы свое. Любое предложение на рынке - говно.

Умя есть своя бибилиотека. Компонетов нет но есть. Но есть контейнеры которые получают два аргумента. Первый любой объект со всяким методоми свойствами. Второй функция котороя получает первый объект возвращает массив (аналог jsx) работает как вируальным дом ну и третий необязательный id domElement. И этот контейнер возвращает объект декларативный который получает свойства перваго аргумента и при изменении этих свойств рендерит привязанный елемент. На подобии new Vue() + управление cостояниям

как вызвать текущий state при загрузке стринцы Redux?

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

В инишиал стейт поставь просто значение из локал сторадж

Или мидлварку напиши, которая синкает все

вот акшэн export function onChecked() { localStorage.setItem("isChecked", true) return { type: CHECKED } }

const initialState = { isChecked: false, loading: true } const Reducer = (state = initialState, action) => { switch (action.type) { case CHECKED: return { isChecked: !state.isChecked } default: return state } } export default Reducer

что куда добавить?

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

еще одна функция нужна получается?

еще одна функция нужна получается?

Да. На старте. Как описали выше.

Всем привет, у меня есть есть три роута и у первого из них я поставил exact, я поставил useEffect на первый и загружаю данные, если их нет в сторе плюс прикрутил loader(обычная крутилка), на другие я просто делаю проверку есть ли загруженные данные, проблема в том, что если я из второго роута перейду на первый, то сбрасывается весь стор и отображается крутилка и идёт загрузка данные, хоть данные загруженны быть должны по идее Использую react-router-dom

Надо было ставить линукс

:DDD уже проблему решил)) оказывается котелок не переварил, что нужно перезапустить консольку

Ребят, есть какой-то плагин или решение проблемы по поводу шорткатов html тегов, а так же эммета в js файлах? или мне это не пригодится?

emmet для jsx ? Был вроде

Ребят, есть какой-то плагин или решение проблемы по поводу шорткатов html тегов, а так же эммета в js файлах? или мне это не пригодится?

так сделай свои

Да. На старте. Как описали выше.

сразу в диспатче вызвать?

emmet для jsx ? Был вроде

эммет эмметом, а вот шорткаты в вскоде это жизненно необходимо. Когда пишешь тег, нажимаешь enter и он сразу закрывает и обрамляет все, а потом кидает курсор между тегами

сразу в диспатче вызвать?

В экшене который будет срабатывать один раз забери данные из стоража и передай актуальные данные в редьюсер на обновление стора.

В экшене который будет срабатывать один раз забери данные из стоража и передай актуальные данные в редьюсер на обновление стора.

export function isChesked() { if (localStorage.getItem("isChecked") === "true") { return { type: ISCHECKED } } }

export function isChesked() { if (localStorage.getItem("isChecked") === "true") { return { type: ISCHECKED } } }

в диспатче вызвать?

Задиспатч этот экшн на старте приложения. Не знаю как еще объяснить)))

Ребят, вопрос с плагином на шорткаты html в js файлах остается открытым, подскажите пожалуйста

Ребят, есть какой-то плагин или решение проблемы по поводу шорткатов html тегов, а так же эммета в js файлах? или мне это не пригодится?

Уточните вопрос

Задиспатч этот экшн на старте приложения. Не знаю как еще объяснить)))

диспатч в самом экшение или в компоненте?

диспатч в самом экшение или в компоненте?

В компоненте. Вам выше ответили даже где надо сделать.

В компоненте. Вам выше ответили даже где надо сделать.

function mapDispatchToProps(dispatch) { return { onChecked: () => dispatch(onChecked()), isChecked: () => dispatch(isChecked()) } }

Уточните вопрос

В VSCode когда пишешь в html файле div и нажимаешь enter, то у тебя сразу пишется <div></div>, это самый простой пример. А мне нужно чтобы я могу писать так же, но уже в js файле(или jsx, еще только начинаю, не шарю)

function mapDispatchToProps(dispatch) { return { onChecked: () => dispatch(onChecked()), isChecked: () => dispatch(isChecked()) } }

так?

можно сразу в коннекте писать

В VSCode когда пишешь в html файле div и нажимаешь enter, то у тебя сразу пишется <div></div>, это самый простой пример. А мне нужно чтобы я могу писать так же, но уже в js файле(или jsx, еще только начинаю, не шарю)

js файлы не обрабатываются только jsx

connect(null,(dispatch) => ({ func: () => dispatch(smthFunc()) })

так?

Или так useEffect(() => store.dispatch(AppInitActions.isChesked()), []);

Ну или так,да

Или так store.dispatch(initScript());

В index.js или где там у тебя провайдер

connect(null,(dispatch) => ({ func: () => dispatch(smthFunc()) })

connect(mapStateToProps, mapDispatchToProps)(MainPage)

Да,но я обычно сразу в коннекте описываю функцию, не объявляя заранее mapDispatchToProps

Можно вообще не описывать диспатч в коннекте. Она так и так получит dispatch по props

Всем привет. Повис сильно вот над какой ситуацией. Используется material ui. Есть tab (https://material-ui.com/ru/components/tabs/) Я включил кнопки для прокрутки хедера. Но не могу разобраться как их можно стилить. Не понимаю как можно до них достучатся, уже весь гугл перелазил. Может кто-то помочь ? (https://codesandbox.io/s/9yone)

https://prnt.sc/p88aly

js файлы не обрабатываются только jsx

значит jsx, но проблема не решена

значит jsx, но проблема не решена

https://www.youtube.com/watch?v=8dkGmPprlWM

Привет, есть такой вопрос по ts. У меня есть такая структура: <SpaceListContainer onCreateSpace={onCreateSpace} spaceSubscription={spaceSubscription} > <FlatList {...testID(testIDs.spaceListId)} style={[{ backgroundColor: theme.spaceList.backgroundColor, flex: 1 }]} data={spaceSubscription.data} renderItem={renderRow} keyExtractor={item => item.id} ListFooterComponent={renderFooter} /> </SpaceListContainer> SpaceListContainer - отвечает за рендер в случае если spaceSubscription.data - undefined. Но ts ругается на то, что spaceSubscription.data - может быть undefined в FlatList, но это невозможно. Type 'readonly SpaceListItem[] | undefined' is not assignable to type 'readonly SpaceListItem[] | null'. Type 'undefined' is not assignable to type 'readonly SpaceListItem[] | null'.ts(2322) Вопрос, ts - просто не поймет, что я делаю внутри SpaceListContainer ?

значит jsx, но проблема не решена

я по крайней мере ничего дополнительно не настраивал, чтобы эммет работал в jsx

можешь свериться

в поиске настроек пиши emmet и все

Кто тут пользуется ky.js? Как в нем передать параметры для get запроса, типо чтобы как в axios через params

Знает кто как vs code задать цвет символам? Например сделать < красным?

Кто тут пользуется ky.js? Как в нем передать параметры для get запроса, типо чтобы как в axios через params

searchParams

я по крайней мере ничего дополнительно не настраивал, чтобы эммет работал в jsx

спасибо

Знает кто как vs code задать цвет символам? Например сделать < красным?

https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

Почему перебор с помощи переменной работает, а с помощи функции не работает?

Почему перебор с помощи переменной работает, а с помощи функции не работает?

потому что в переменной результат map, а функцию ты вызываешь и возвращается результат

Почему перебор с помощи переменной работает, а с помощи функции не работает?

не возвращаешь ничего

https://prnt.sc/p88aly

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

Не могу понять почему у меня проходит проверка в useEffect, смотрю в логах и dataLoaded стоит true, вывожу в консоли эту переменную, сначала он выводит false, потом true Не подскажете почему такое поведение может быть ?

Ребят, подскажите, делаю страницу авторизации на реакте + react-bootstrap, в классе возвращаю компоненты react-bootstrap, например, FormGroup и там указываю controlId, чтобы в handleChange зафиксировать изменения поля. В handleChange для этого использую id, который присвоил в FormGroup и делаю как-то так handleChange = (event:any) => { this.setState({ [event.target.id]: event.target.value } )}; Но ts на меня агрится, что такого стейта нет, как это можно разрулить?

Не могу понять почему у меня проходит проверка в useEffect, смотрю в логах и dataLoaded стоит true, вывожу в консоли эту переменную, сначала он выводит false, потом true Не подскажете почему такое поведение может быть ?

смотрю и душа радуется