V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
fangwenxue
V2EX  ›  问与答

react 如何定时刷新组件

  •  
  •   fangwenxue · 195 天前 · 737 次点击
    这是一个创建于 195 天前的主题,其中的信息可能已经有所发展或是发生改变。
    const Posts = () => {
      const [posts, setPosts] = useState([]);
    
      useEffect(() => {
        const getPosts = async () => {
          const resp = await fetch(API);
          const postsResp = await resp.json();
          setPosts(postsResp);
        };
    
        getPosts();
      }, []);
    
      return '';
    };
    
    export default Posts;
    

    如何定时刷新 posts 的数据?

    4 条回复    2021-12-17 18:15:58 +08:00
    noe132
        1
    noe132  
       195 天前
    setTimeout / setInterval
    lvdb
        2
    lvdb  
       195 天前 via Android
    你这个 getposts 如果其他地方没用到,是不需要定义的,直接 async()=>{...}()
    br_wang
        3
    br_wang  
       195 天前
    1. 定义一个 state ,比如 refreshCount;
    2. refreshCount 并声明为 effect 的依赖,利用 setRefreshCount 变更 refreshCount 值触发 effect 重新执行;
    3. 可以 setTimeout 或 setInterval ,周期性调用 setRefreshCount 实现刷新;
    4. 也可以把 setRefreshCount 绑到按钮上,手动触发刷新;
    5. 注意竞速问题。
    baolinliu442k
        4
    baolinliu442k  
       195 天前
    setTimeOut(()->{
    getPosts();
    }, time)
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2758 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 12:55 · PVG 20:55 · LAX 05:55 · JFK 08:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.