dva不绑定connect

dva

model

import type { Reducer } from ‘umi’;

export type UserModelState = {
Data: RecordItem[];
};

interface UserState {
namespace: string;
state: UserModelState;
reducers: {
updateState: Reducer;
};
}

const User: UserState = {
namespace: ‘user’,
state: {
Data: [],
},
reducers: {
updateState(state: any, { payload }: any) {
return {
…state,
…payload,
};
},
},
};

export default User;

service

page

import { getAll } from ‘@/services/user’;

const Cockpit: React.FC = () => {
const dispatch = useDispatch();

const queryData = async () => {
const result = await getAll();
if (result) {
dispatch({
type: ‘user/updateState’,
payload: {
Data: result,
},
});
} else {
history.push(‘/user/import’);
}
};

useEffect(() => {
queryData();
}, []);

return (

);
};

export default Cockpit;

子page

import React, { useMemo } from ‘react’;
import type { UserModelState } from ‘umi’;
import { useSelector } from ‘umi’;
import styles from ‘./index.less’;

const Index: React.FC = () => {
const userState = useSelector(
(model: any) => model.user as UserModelState,
);
const dataSource = useMemo(() => {
const storeCount =
userState.Data.find((item) => item.target === ‘storeCount’)?.res || 0;

return {
  storeCount,
};

}, [userState]);

return (

{dataSource?.storeCount}
总数

);
};

export default React.memo(Index);