У меня есть компонент Test. Есть useEffect с запросом. Подскажите, как мне сделать так, чтобы когда запрос useEffect срабатывает и приходят данные, то Test создавался, а когда запроса нет, то тест не создается.
import React, { useState, useEffect } from "react";
import "./App.css";
import Test from "./Test";
function App() {
const [render, setRender] = useState(null);
useEffect(() => {
fetch("https://jsonplaceholder.typicode.com/posts")
.then((response) => response.json())
.then((json) => setRender(json));
}, []);
const play = () => {
setRender(true) ? <Test /> : "";
};
return <div className="App">{play}</div>;
}
export default App;
