Two URL fetch

[Wanhenri]

Pass two URLs through the same fetch

[Wanhenri]

A bad practice of writing code but it works:

//GET
    const [posts, setPosts] = React.useState([]);
    useEffect(() => {
      fetch(`${process.env.REACT_APP_API_URL}/vendor_item`, {
        method: "GET",
        headers: {
          "Content-Type": "application/json"
        }
      })
        .then((response) => response.json())
        .then(data => {
          console.log("GET")
          setPosts(data)
        })
        .catch((error) => console.log(error));

    }, []);

    //DELETE
    const [deletes, setdeletes] = React.useState([]);
    const DeleteData = async (id) => {
      await fetch(`${process.env.REACT_APP_API_URL}/vendor_item`, {
        method: "DELETE",
        headers: {
          "Content-Type": "application/json"
        },
        body: JSON.stringify({
          id
        })
      })
        .then((response) => response.json())
        .then((data) => {
          console.log("DELETE")
          console.log(data)
          setdeletes(data);
        })
        .catch((error) => console.log(error));
    };

    useEffect(() => {
      DeleteData(" ", () => {});
    }, []);

    return (    
        <Wrapper >
          {posts.vendor&&(          
          <SimpleTable 
              vendor={posts.vendor}
              id="ID" 
              name="Vendor" 
              cnpj="cnpj" 
              city="city" 
              button="Add Vendor" 
              path="/vendor"
              onSubmit={DeleteData} /> 
          )} 
        </Wrapper>    
    );
}