ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.35k stars 8.14k forks source link

useModel数据持久化 #9234

Closed codthing closed 2 years ago

codthing commented 2 years ago

🧐 问题描述

为什么不将useModel设计为数据持久化? 我觉得很多场景都会用到的,比如用户刷新了页面,数据应该还在才合理。

💻 示例代码

  1. test model

    const [data, setData] = useState()
    const eiditFuc = (c) => setData(c)
    return {data, editFuc}
  2. 列表页 --> 点击编辑

    onClickFunc = (item) => {
    const {editFuc} = useModel('test')
    editFuc(item)
    }
  3. 详情页通过useModel获取到相关值,但是,刷新当前页面,数据不见了

    const {data} = useModel('test')
drizzlesconsin commented 2 years ago

可以试试 hooks/useLocalStorageState hooks/useSessionStorageState

codthing commented 2 years ago

@drizzlesconsin 谢谢

codthing commented 2 years ago

可以试试 hooks/useLocalStorageState hooks/useSessionStorageState

我安装了,但是提示module中没有这个包

image image

codthing commented 2 years ago

可以试试 hooks/useLocalStorageState hooks/useSessionStorageState

我安装了,但是提示module中没有这个包

image image

drizzlesconsin commented 2 years ago
// mfsu: {},
  1. 关掉 mfsu run, 再开启 run
  2. 第1点还是不行,rm -rf src/.umi*
codthing commented 2 years ago
// mfsu: {},
  1. 关掉 mfsu run, 再开启 run
  2. 第1点还是不行,rm -rf src/.umi*

我手动删掉 src 中的 .umi ,再启动项目就可以了, 谢谢