如何编写请求和获取

Question

我需要帮助如何在我的服务器（index.js）中正确编写GET和POST请求，以及如何在应用程序中正确编写fetch。js。

我阅读了Stackoverflow上的线程，并搜索了有关如何编写请求和获取的信息，但我发现如何将示例添加到自己的代码中非常困难。我已经尝试了三个星期不同的解决方案，但都一事无成。所以，请帮忙。我觉得这应该没那么难，但出于某种原因确实如此。除了这里，我没有人需要帮助。

我正在使用URLhttp://localhost:8080/reviews

我是这样写的还是需要补充什么？（在Index.js中）

app.get("/reviews", (request, response) => {
    response.status(201).json
  });

 app.post('/reviews', async (request, response) => {
    response.status(201).json
  });

在pp.js我想创建一个抓取，在那里我得到所有写的现有评论（目前没有，因为页面还没有完成），我想能够发布新的评论。当我发布新的评论时，我希望页面加载并更新新的和所有其他书面评论。

我现在有类似的东西，但我不知道最后的部分应该是什么？

const reviewsURL = "http://localhost:8080/reviews"

export const App = () => {
  const [existingReviews, setExistingReviews] = useState([])
  const [newReview, setNewReview] = useState('')


  const fetchReviews = () => {
    fetch(reviewsURL, {'

    // WHAT ELSE TO WRITE HERE ???

     useEffect(() => {
    fetchReviews();
  }, []);


const postReview = (event) => {
    event.preventDefault();

    fetch(reviewsURL, {
      method: 'POST',
    
     // WHAT DO I WRITE HERE ???
 
  }
  return (
    <>

<NewReview
      newReview={newReview}
      setNewReview={setNewReview}
      handlesubmit={postReview}
      />

{<AllReviews 
        allReviews={existingReviews} 
        />}
    </>
  )
}

Answer 1

在express.js中，response.status（201）. json不是返回JSON响应的方式。. json是一个函数，所以您将向它传递一个JSON iable对象，response.status（201）. json（结果数组）；或类似的东西。

许多人更喜欢使用库来发出请求，而不是使用getch。Axios是一个常见的最爱，许多人发现它更容易使用。

如果您更喜欢使用finch而不是一个更简单的库，那很好，读取仍然足够简单，可以继续使用。这里有一些关于如何使用提取的留档

注意：fetch（url）函数返回一个promise，因此您可以选择。然后返回的promise，或在异步函数中等待它。如果您希望得到JSON响应，那么文档中示例代码中的模式需要额外的步骤来获取内容：

const result = await fetch(url);
const data = await result.json();

这是一个GET请求，但是文档也展示了如何处理POST请求。