Вот мой код. Я хочу вызвать действие, и вышеприведенная ошибка продолжает появляться.
const action = useStoreActions( (actions : StoreModel) => actions.collections.fetchCollections);
useEffect( () => {
action()
},[])
Это мой объект коллекций, и я хочу получить доступ к fetchCollections. Это любой простой код управления состоянием реакции. P.S: Здесь я удалил fetchCollectionsRequest, fetchCollectionsSuccess, fetchCollectionsFailure.
import { Action, action, thunk, Thunk } from 'easy-peasy';
export interface Collections {
isLoading : boolean;
collections : any[];
error : string;
fetchCollections : Thunk<Collections>;
}
export const collectionsModel : Collections = {
isLoading : false,
collections : [],
error : '',
fetchCollections : thunk( actions => {
actions.fetchCollectionsRequest();
axios.get('/categories?filter = {"where":{"isHidden":false}}')
.then( res => actions.fetchCollectionsSuccess(res.data))
.catch( err => actions.fetchCollectionsFailure(err.message));
}),
}
А это моя модель.tsx
import { collectionsModel, Collections } from './collectionsModel';
export interface StoreModel {
collections : Collections;;
}
export const model = {
collections : collectionsModel,
}
Это потому, что вы вводите параметр actions
хука useStoreActions
(который напрямую не соответствует правильным типам).
Вместо этого используйте типизированные хуки:
// outside the component
import { createTypedHooks } from 'easy-peasy';
const { useStoreActions } = createTypedHooks<StoreModel>();
// inside the component:
const { fetchCollections } = useStoreActions(actions => actions.collections);