目前做法是这样的，感觉多余代码太多了。求指教 export const Model = defineModel("global", {<

<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" da

谢谢还有两个问题想请教下。 1、更细state时卡住了 const Screen: React.FC = () => { <div clas

看代码没有发现问题，可以看看控制台输出以及打印日志来排查。或者建一个最简单的repo方便我协助排查

initialState参数很多，如何一次性setState更新？ about foca HOT 3 OPEN

gikkkkkk commented on June 8, 2024

initialState参数很多，如何一次性setState更新？

from foca.

Comments (3)

geekact commented on June 8, 2024

const initialState = {...};

type State = typeof initialState;

export const globalModel  = defineModel('global', {
  initialState,
  effects: {
    patchUpdate(data: Partial<State>) {
      this.setState(data);
    }
  }
});

effects里的setState支持部分数据更新，类似 React 的 setState

from foca.

gikkkkkk commented on June 8, 2024

谢谢还有两个问题想请教下。
1、更细state时卡住了
const Screen: React.FC = () => {

const globalModel = useModel(GlobalModel);
	// 这边是可以生效的，GlobalModel中的rememberPwdFlag更新了
const changeCheck = (isCheck: boolean) => {
    GlobalModel.patchUpdate({ rememberPwdFlag: isCheck });
};

const { errors, touched, values, isValid, handleSubmit, setFieldValue, setFieldTouched } = useFormik<AuthForm>({
    validateOnMount: true,
    validationSchema: AuthValidation,
    initialValues: { account: globalModel.account, password: globalModel.pwd },
    onSubmit: async (values) => {
        if (isValid) {
									// 页面按钮点击了，会卡在这个地方，不会执行下去了
                GlobalModel.patchUpdate({ account: values.account, pwd: values.password });
            await GlobalModel.verifyPassword(values.account, values.password);
        }
    },
});

return (
    <></>
);

};

export default LoginScreen;

2、modelA可以更新modelB的数据吗？

from foca.

geekact commented on June 8, 2024