В саге put это аналог dispatch

value={{a, b, c}}

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

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

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

да, но если отправить в модалку в пропсах через put, в модалке я не могу вызвать этот action

Сага - это про эффекты и стор. Она вообще ничего про модалки и дом не должна знать

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

Ребят, подскажите плиз, почему так может происходить: Если нажать обновление страницы на определенном роуте (например myapp.ru/myroute) сервер выдает ошибку: (локально все работает прекрасно, проблем не возникает) Object not found! The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again. If you think this is a server error, please contact the webmaster. Error 404 Thu Nov 28 12:37:31 2019 Apache/2.2.29 (Gentoo) mod_dp/0.99.7 PHP/7.1.26

Не совсем понимаю почему внутри модалки не диспатчить CLOSE MODAL?

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

Завести экшены на открытие/закрытие модалки и хранить это состояние в сторе

у меня есть экшены и на открытие и на закрытие, но откуда их дергать, с какого места, в этом вопрос

Я что т не оч понял, у меня const [a, setA] = useState([1,2,3]) const [b, setB] = useState([1,2,3,4,5]) Я писал ранее value={[a,setA]} А как b и setB сюда добавить?

Настройте сервер отдавать на все роуты ваш index.html Гуглите configure apache for SPA

С компонента

Спасибо! Первый запрос дал ответ <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> Только куда его пихать?

как я в компоненте пойму когда мне нужно открыть и дернуть экшн?

окей, можно модалке захардкодить закрытие, а кнопка которая "ОКЕЙ", что она будет делать?

Когда у тебя изменится стор

В порядке маразма: function* () { const submitChannel = channel(); const cancelChannel = channel(); yield put(modalActions.showModal({ body: { onClick: (valuesFromModal) => submitChannel.put({type: 'SUBMIT', payload: valuesFromModal}), onClose: () => cancelChannel.put({type: 'CANCEL'}), } }, "FORGOT_PASSWORD")); const [submit, cancel] = yield race([take(submitChannel), take(cancelChannel)]); yield put(modalActions.closeModal()); }

В порядке маразма: function* () { const submitChannel = channel(); const cancelChannel = channel(); yield put(modalActions.showModal({ body: { onClick: (valuesFromModal) => submitChannel.put({type: 'SUBMIT', payload: valuesFromModal}), onClose: () => cancelChannel.put({type: 'CANCEL'}), } }, "FORGOT_PASSWORD")); const [submit, cancel] = yield race([take(submitChannel), take(cancelChannel)]); yield put(modalActions.closeModal()); }

Прокидывай не список, а объект.

Блин, я не понимаю, как это записать (

Блин, я не понимаю, как это записать (

value={{a, setA, b, setB}}

Да пробовал так, не работает что-то.

покажи свой Context

смотри, например такой кейс: страница ресет пароля. ты водишь почту, нажимаешь ресет пароль. идет запрос на сервер -> например запрос ушел и пароль сбросился. после запроса должна открыться модалка и написать: пароль был отправлен и тд" Ты нажимаешь ОК, должен редирект на логин произойти.

А что не работает конкретно?

У тебя на странице ресета 50 модалок? Добавь её сразу с нужным колбеком

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

Передавай колбеки через payload экшена значит, но не думаю что хорошая идея хранить их в сторе

Вот взгляните плз тут - я пытаюсь контекст передать https://codesandbox.io/s/schedule-x3v2i?fontsize=14&hidenavigation=1&theme=dark

const [workDays, setWorkDays] = useContext(StoreContext); там не список а обьект

const [workDays, setWorkDays] -> {workDays, setWorkdays}

const [workDays, setWorkDays] = useContext(StoreContext); там не список а обьект

const [workDays, setWorkDays] -> {workDays, setWorkdays}

не у меня список там. Он мапится. Если правильно понял.

не у меня список там. Он мапится. Если правильно понял.

посмотрел бы сперва чему равно const value = useContext(StoreContext);

короче я в конец запутался. Я первый день сегодня контекст пробую.

Просто хотел как есть Стейты передать в Валью. Но чё-то тут всё усложняется.

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

вместо списка нужно объект?

Через take ещё кстати можно попробовать ожидать экшены изнутри модалки, чтобы колбеки не хранить в сторе

Вы читаете что вам писали выше? useContext вернет вам в точности тоже что вы передали в value. Просто посмотрите что возвращает вам useContext в console.log

take только внутри саги можно же

А почему промис это синхронно?

Всем привет. Вопрос не совсем по Реакту, но, надеюсь, простите. Был сейчас на собеседовании. Спросили как можно сделать асинхронные вещи синхронными. Я ответил: async - await. Они: а как еще? Я хотел ответить, что никак. Но струсил. А как, действительно?

а как?

От async/await "асинхронная вещь" синхронной не становится, то за вопросы вообще?

Вопрос в том, чтобы это выглядело как синхронный код. Чтобы следующая строка не выполнялась

async функция всегда вернет промис

Ок. Ну и что?

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

а если внутри такой функции написать await ?

и что ? ты можещь подождить другую async. функцию

а если внутри такой функции написать await ?

Вопрос в том, чтобы это выглядело как синхронный код. Чтобы следующая строка не выполнялась

У тебя есть сетТаймаут - как из него сделать так, что бы следующим за ним код не выполнялся? Так что ли звучит вопрос?

Да.

Да.

Тогда никак )