МН
А далее уже отдавать саге
Size: a a a
2021 January 03
МН
Например пользователь вчтавляет ссылку, ссылка на время сохраняется в состояние компонента и каждый раз значение это из состояния будет проверяться, если в введённой ссылке есть нужное значение по регулярному выражению, то извлекать это значение и кидать в стор
МН
Законно так делать?
MK
Законно так делать?
Ради чего? Что мешает сразу в стор записывать
Т
Можно ли сохранять данные временно в состояние компонента(setState) и после как данные корректно введены(будут проверяться регуляркрй), то отправлять их в стор редакса
Да нормально, если форма станет сложной и не будет хватать стейта можно взять либы для работы с формами
MK
а там форма, если так то да
VL
А кто-нибудь юзал redux-saga + redux-toolkit?)
Т
Input компоненты отдельно от управления формами, с ними можно любые компоненты использовать
React hook form, final form и formik
React hook form, final form и formik
Т
Vlad Lavko
А кто-нибудь юзал redux-saga + redux-toolkit?)
Кто нибудь юзал, ты конкретные вопросы задавай
МН
Ради чего? Что мешает сразу в стор записывать
Надо хранить то значение, которое вводит пользователь и то, которое впоследствии извлечёт регулярное выражение
VL
Кто нибудь юзал, ты конкретные вопросы задавай
Хах, сарян, дейстительно нужно было начать с вопроса. Как правильно создавать action в redux-toolkit, чтобы redux-saga реагировала на диспатч созданного action-a?
Т
Vlad Lavko
Хах, сарян, дейстительно нужно было начать с вопроса. Как правильно создавать action в redux-toolkit, чтобы redux-saga реагировала на диспатч созданного action-a?
Разве там что то особенное? Точно так же
S
Добрый день, столкнулся с TS ошибкой, абсолютно не понимаю этой ошибки:
Мой код:
TS1005: '=' expected.
Мой код:
import React from 'react';
const AppWrapper: React.FC = ({ children }) => {
return <div className="app-wrapper">{children}</div>;
};
export default AppWrapper;
VL
Разве там что то особенное? Точно так же
Здесь вторым параметром я принимаю экшн, но я его не использую, потому что он мне нужен только внутри саги. И если я его здесь удалю, то при работе с typescript будет ошибка, ведь redux-toolkit не ожидает никакой нагрузки, а я всеравно передаю например с компонента.
Типа dispatch(userRequest({a: 1}))
userRequest(state, action) {
state.status = LOADING_STATUS;
state.error = null;
},
Типа dispatch(userRequest({a: 1}))
userRequest(state, action) {
state.status = LOADING_STATUS;
state.error = null;
},
Т
Vlad Lavko
Здесь вторым параметром я принимаю экшн, но я его не использую, потому что он мне нужен только внутри саги. И если я его здесь удалю, то при работе с typescript будет ошибка, ведь redux-toolkit не ожидает никакой нагрузки, а я всеравно передаю например с компонента.
Типа dispatch(userRequest({a: 1}))
userRequest(state, action) {
state.status = LOADING_STATUS;
state.error = null;
},
Типа dispatch(userRequest({a: 1}))
userRequest(state, action) {
state.status = LOADING_STATUS;
state.error = null;
},
Не используй createSlice для таких кейсов. createAction и createReducer
Т
Добрый день, столкнулся с TS ошибкой, абсолютно не понимаю этой ошибки:
Мой код:
TS1005: '=' expected.
Мой код:
import React from 'react';
const AppWrapper: React.FC = ({ children }) => {
return <div className="app-wrapper">{children}</div>;
};
export default AppWrapper;
Не тут ошибка может? Или попробуй перезагрузить бандлер или ide, смотря где ошибка
S
Не тут ошибка может? Или попробуй перезагрузить бандлер или ide, смотря где ошибка
Не догадался так сделать. Пошел более радикальным путем. Удалил компонент и по новой его создал. Ошибка пропала
VL
Не используй createSlice для таких кейсов. createAction и createReducer
Хм, да, спс, впринципе так норм работает. Вот только немножко напрягает то, что нужно вручную писать название action-a и желательно с названием модуля, типа
export const getUser = createAction<any>('auth/getUser');
Надеюсь это не какое-то "законно"?)
export const getUser = createAction<any>('auth/getUser');
Надеюсь это не какое-то "законно"?)
Т
Vlad Lavko
Хм, да, спс, впринципе так норм работает. Вот только немножко напрягает то, что нужно вручную писать название action-a и желательно с названием модуля, типа
export const getUser = createAction<any>('auth/getUser');
Надеюсь это не какое-то "законно"?)
export const getUser = createAction<any>('auth/getUser');
Надеюсь это не какое-то "законно"?)
Any незаконно, но это уже в доку ts или ts чат