Как вывести компонент?

Question

[MRcracker]

У меня есть компонент 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;

Answer 1

[Александр]

<div className="App">{render && <Test />}</div>