0131.js

import axios from "axios";
import { useState, useEffect } from "react";

const baseURL = "https://jsonplaceholder.typicode.com/users/1";
const print = JSON.stringify

const Item = ({ user }) => (
  <li>{user}</li>
)

const Main = ({ users }) => {
  return (
    <ul><Item id={users.id} name={users.name} /></ul>
  )
}

const App = () => {
  const [users, setUsers] = useState(null);

  useEffect(() => {
    axios.get(baseURL).then((res) => {
      setUsers(res.data);
    });
  }, []);

  if (!users) return <p>Now Loading....</p>;

  return (
    <div>
      <Main users={users} />
    </div>
  );
}

export default App