umijs中使用useDispatch

最新推荐文章于 2023-07-12 17:04:16 发布

本宝宝很开心

最新推荐文章于 2023-07-12 17:04:16 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： useDispatch umi 文章标签： useDispatch umi

本文链接：https://blog.youkuaiyun.com/weixin_44136421/article/details/118601966

umi 同时被 2 个专栏收录

2 篇文章

订阅专栏

useDispatch

1 篇文章

订阅专栏

本文介绍了如何在umi+dva环境中，利用React Hooks的useSelector和useDispatch替代传统的connect方法来管理组件状态。通过示例代码展示了在Home组件中如何订阅并触发全局状态改变，实现数据获取功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用umi+dva时，用useSelector useDispatch 替代connect

import {useDispatch} from 'umi';
const Home=()=>{
    const dispatch = useDispatch()
    const getData=()=>{
        dispatch({
            type:"home/get"
        })
    }
    return (
        <div>
            <h1>这是home页面</h1>
            <button onClick={getData}>获取数据</button>
        </div>
    )
}
export default Home