Как вызывать компонент при обновлении получении запроса?

Question

[MRcracker]

Задачка такая. У меня есть функция которая при запросе вызывает компонент. Мне нужно сделать так, чтобы компонент вызывался Test при каждом запросе respons.Показывался 10 секунд и потом удалялся после чего операция повторялась. Как сделать что-то подобное?

import React, { useState, useEffect } from "react";
import logo from "./logo.svg";
import "./App.css";
import Test from "./Test";

function App() {
  const [post, setPost] = useState(false);
  const [render, setRender] = useState(false);

  const respons = () => {
    setInterval(() => {
      fetch("https://jsonplaceholder.typicode.com/posts").then((response) =>
        // response.json().then((json) => console.log(json))
      );
      //
      // .then((json) => setRender(json));
      // .then((json) => setPost(true));
    }, 10000);
  };

  respons();

  useEffect(() => {
    setRender(true);
  }, [respons]);

  return <div className="App">{setPost ? <Test /> : ""}</div>;
}

export default App;

Answer 1

[MRcracker]

В последнее время получаю на данном сервисе только замечания о том, что вопросы заданы не правильно или не корректно. Не понимаю зачем тогда нужен данный сервис, если тут только одна критика и никакой помощи. Поэтому приходится отвечать на свои собственные вопросы т.к. возможно данная информация кому-то пригодиться

import React, { useState, useEffect } from "react";
import logo from "./logo.svg";
import "./App.css";
import Test from "./Test";

function App() {
  const [post, setPost] = useState(true);

  const respons = () => {};

  useEffect(() => {
    setInterval(() => {
      fetch("https://jsonplaceholder.typicode.com/posts").then((response) =>
        response
          .json()
          .then((json) => console.log(json))
          .then((json) => {
            console.log(<Test />);
          })
      );
    }, 5000);
  });


  return <div className="App">{}</div>;
}

export default App;

Comments

[Сергей Соколов]

при каждом обновлении компонента будет запускаться новый и новый interval