小编Kar*_*ran的帖子

React UseState 钩子导致无限循环

我使用 ReactJs 每 5 秒抓取一个 RSS 新闻提要,将其转换为 JSON 字符串,以将其呈现在网页上。然而,我同时使用 useEffect 和 useState 钩子来实现此目的,因为我在 useState 钩子变量中传递 JSON 字符串。它有点有效,但会产生无限循环。我已经搜索了堆栈溢出中提供的修复程序,但找不到确切的问题。这是我的代码片段。

import React, {useEffect, useState} from 'react';
import Carousel from 'react-bootstrap/Carousel';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import {getNews} from "../../actions/news";
import Parser from 'rss-parser';

const NewsCarousel = ({getNews, news: {news, loading} }) => {

    const [getFeed, setFeed] = useState({
        feed: ''
    });

    useEffect(() => {
        const interval = setInterval(() => {
            getNews();
        }, 5000);
        return () => clearInterval(interval);
    }, …
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

react-hooks ×1

reactjs ×1