Попробуй так {}

?а вообще uppercase выглядит не очень

Попробуй так {}

так не должно работать, а с null должно

Пробывал и функцию передать, всё так же.

А loadMedia у тебя не undefined?

так не должно работать, а с null должно

Ну вообще да ?

И да, что в loadmedia?

А loadMedia у тебя не undefined?

Нет, проверял.

А loadMedia у тебя не undefined?

годный совет, думаю в этом проьблема +1

Нет, проверял.

не, плохо проверял

Нет, проверял.

начни с connect()(App)

все норм

добавляй теперь null, loadMedia

добавляй теперь null, loadMedia

Я же говорю, всё та же ошибка.

Я же говорю, всё та же ошибка.

скрины/демку

(null, null) для начала попробуй :)

(null, null) для начала попробуй :)

А так чисто)

ошибки разные

Это всё та же ошибка.

Я ведь с нею и пришёл сюда.

ок, сделай пример

Проблема в loadMedia похоже :)

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

проблема не в connect 100%

(null, null) для начала попробуй :)

если так чисто

ну то есть, не в том, что ты нам скидываешь.

ну да, нужно передовать ен сам action

в чем трудность сделать пример на codesandbox ?

ок, сделай пример

Сейчас сделаю небольшую демку.

loadMedia неправильно написана

mapDispatchToProps принимает первым аргументом dispatch

Сейчас сделаю небольшую демку.

https://redux.js.org/basics/usagewithreact

Почитай внимательно и сделай своё

https://redux.js.org/basics/usagewithreact

Ништяк, спасибо.

Переписал вот так, всё заработало. Верно ведь?

Ну лучше вещи называть своими именами

loadMedia это уже то, что возвращает mapDispatchToProps

Переписал вот так, всё заработало. Верно ведь?

Не, ошибся. Оказалось что там null, null стояло.

Всё та же ошибка.

Всё та же ошибка.

const mapDispatchToProps = dispatch => { return { onTodoClick: id => { dispatch(toggleTodo(id)) } } }

Просто сделай по аналогии

Отдельно action creator, отдельно mapDispatchToProps

Просто сделай по аналогии

Сейчас пытаюсь понять, куда мне запихать loadMedia.

Сейчас пытаюсь понять, куда мне запихать loadMedia.

В action creators

Отдельно action creator, отдельно mapDispatchToProps

Т.е. у меня loadMedia так и остаётся таким:

export const loadMedia = () => dispatch => { dispatch({ type: GET_MEDIA, payload: route }); }

Нет, твой loadMedia будет принимать route и возвращать нужный action

Просто почитай хорошенько доку и все поймёшь, удачи

Просто почитай хорошенько доку и все поймёшь, удачи

Походу заработало. Спасибо.

Отдельно action creator, отдельно mapDispatchToProps

А вот для этого обязательно отдельный файл создавать? Я тупо в App.js написал его, в конце:

mapDispatchToProps?

mapDispatchToProps?

https://redux.js.org/basics/usagewithreact

Connect прямо в файле компонента, а action creator в отдельном

Объект используй вместо mdtp

connect(null, { actionCreator, actionCreator2 })

ERROR: S client not available

connect(null, { actionCreator, actionCreator2 })

Блин, чего-то не догоню. У меня сейчас сам action выглядит вот так: export const loadMedia = (route) => { return { type: GET_MEDIA, payload: route }; }

А как должен?

Т.е. я должен dispatch внутри него же узказать, верно? И не прописывать никакие там mapDispatchToProps.

Всё, разобрался.

Т.е. я должен dispatch внутри него же узказать, верно? И не прописывать никакие там mapDispatchToProps.

Если редакс-thunk, то да

Если редакс-thunk, то да

Спасибо.

Именно, это как-то тупо имхо. Ну типа, зачем реакт перехватывает событие инпута и не дает набирать текст

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

Нужен совет от вас, уважаемые профессиональные прогрмамисты реакта. Я пишу расширение, которое инъектит код на страницу браузера и иногда выводит на нем попапы (пока что через handlebars делаю темплейты), иногда используется библиотека intro.js (всплывающие тултипы). У меня есть 100+ шагов, которые инициализируются и выполняются поочередно. Шаги в основном выполняют те действия, которые я описал. Да они несложные, но мне постоянно приходится создавать новый элемент для вывода попапа и вообще как-то неудобно. Стоит ли для таких целей использовать реакт? И как я могу подгружать "шаги" с сервера, если мне нужно, чтобы этот шаг был исполняемым (функциональным), а на все случаи жизни я не могу написать шаблонов? Пока что решил просто отправлять функцию и эвалить её по приходу

Нужен совет от вас, уважаемые профессиональные прогрмамисты реакта. Я пишу расширение, которое инъектит код на страницу браузера и иногда выводит на нем попапы (пока что через handlebars делаю темплейты), иногда используется библиотека intro.js (всплывающие тултипы). У меня есть 100+ шагов, которые инициализируются и выполняются поочередно. Шаги в основном выполняют те действия, которые я описал. Да они несложные, но мне постоянно приходится создавать новый элемент для вывода попапа и вообще как-то неудобно. Стоит ли для таких целей использовать реакт? И как я могу подгружать "шаги" с сервера, если мне нужно, чтобы этот шаг был исполняемым (функциональным), а на все случаи жизни я не могу написать шаблонов? Пока что решил просто отправлять функцию и эвалить её по приходу

На исполнение отдавать массив, с названием шагов, его парсить, промисицировать все это. Ну и библиотечку с шагами подтягивать. Может я усложняю, ввиду не понимания задачи

ну пока что так и планирую делать, но как-то это некошерно

По моему нормально

Зарефакторить можно, когда задача будет решена

let res; [todo1,todo2,todo3].forEach {} И через промисы наверное

да с этим я разобрался, спасибо

Правильно ли внутри редюсера перенаправлять юзера на другую страницу? Опишу задачу: есть компонент перлоадера и остальные страницы. Переход на каждую из страниц должен проходить лишь тогда, когда все картинки/видео были прогружены, но никак не раньше. Т.е. при нажатии на кнопку, включается прелоадер и срабатывает экшн в который передаются следующие параметры: 1) Ссылка на страницу, медиа которой нужно прогрузить; 2) Ссылка редиректа после полной прогрузки файлов;

Правильно ли внутри редюсера перенаправлять юзера на другую страницу? Опишу задачу: есть компонент перлоадера и остальные страницы. Переход на каждую из страниц должен проходить лишь тогда, когда все картинки/видео были прогружены, но никак не раньше. Т.е. при нажатии на кнопку, включается прелоадер и срабатывает экшн в который передаются следующие параметры: 1) Ссылка на страницу, медиа которой нужно прогрузить; 2) Ссылка редиректа после полной прогрузки файлов;

Внутри экшен крейтора думаю да

Внутри экшен крейтора думаю да

Т.е. сам подход правильный?

Нууу

)

Есть лучше?

Переходишь на страницу, хранишь флаг isReady, вешаешь на картинки он лоад лисенер, грузишь все Promise.all, потом .then(() => setState({ isReady: true }) if (!isReady) return <Loader />

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

Переходишь на страницу, хранишь флаг isReady, вешаешь на картинки он лоад лисенер, грузишь все Promise.all, потом .then(() => setState({ isReady: true }) if (!isReady) return <Loader />

Не могу переходить на страницу пока он не прогрузит. Т.е. у меня полупрозрачный лоадер должен стоять над предыдущим роутом, пока новый не прогрузит.

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

Чё )

Не могу переходить на страницу пока он не прогрузит. Т.е. у меня полупрозрачный лоадер должен стоять над предыдущим роутом, пока новый не прогрузит.

Зачем так?

Пусть переходит, но отображается лоадер, а не компонент, в чем проблема

https://twitter.com/dan_abramov/status/1035619353209856005 ?

https://twitter.com/dan_abramov/status/1035619353209856005 ?

Уже было

Зачем так?

Дело в том, что между двумя компонентами есть ещё 1 ролик. Сайт строительной компании, и по сути получается что-то вроде 3-d тура, но я не гружу сразу весь тур, а даю по кускам в зависимости от сюжета.