我想更改获取网址,但找不到答案。例如,我想通过单击按钮来更改我的let page和刷新以重新呈现所有新闻。getServerSideProps
我可以这样做还是需要其他替代方法?
import Head from "next/head";
import { NewsArticle, NewsResponse } from "@/modules/NewsArticles";
import { GetServerSideProps } from "next";
import NewsArticleGrid from "@/components/NewsArticleGrid";
import { Button } from "react-bootstrap";
import { useRouter } from "next/router";
interface BreakingNewsPageProps {
newsArticles: NewsArticle[];
}
let page =
"https://newsapi.org/v2/everything?q=apple&from=2023-05-03&to=2023-05-03&sortBy=popularity&apiKey=";
export const getServerSideProps: GetServerSideProps<BreakingNewsPageProps> = async () => {
const response = await fetch(page + process.env.NEWS_API_KEY);
const newsResponse: NewsResponse = await response.json();
return {
props: { newsArticles: newsResponse.articles },
};
}; …Run Code Online (Sandbox Code Playgroud)