0

我想刷新页面并使用链接发送数据但它不起作用 我正在使用链接将我发送到同一页面但参数不同但它不起作用并且它不刷新......我应该怎么做？

当我单击链接时，它会从链接更改，但页面中没有更改，并且不会随着数据的更改而刷新。我应该怎么办？

<Link to={`/NewDetails/${news[arr].id}`}> read more </Link>

我正在使用的 js 是

const NewDetails = () => {
  const { id } = useParams();
  const [newsDetail, setNewsDetail] = useState("");
  useEffect(() => {
    async function fetchMyAPI() {
      let news = await onGetNewsById(id);
      setNewsDetail(news);
    }
    fetchMyAPI();
  }, []);

  const [news, setNews] = useState("");
  useEffect(() => {
    async function fetchMyAPI() {
      let news = await onGetNews();
      setNews(news);
    }
    fetchMyAPI();
  }, []);

  const last_num = news.length;
  const last_3_num = news.length - 3;

  return (
    <div>
      <div>
        <NavBar />
      </div>
      <div className="row">
        <div className="NewsDetails_Section">
          <div className="text-center">
            <div className="imageDetailsBackground">
              <img className="ImageNewsDetails" src={Wallet} alt="bankimage" />
            </div>
          </div>
          <div className="text-center" dir='rtl'>
            <h1> {newsDetail.title} </h1>
          </div>
          <div className="Body_news_Details">
            <p className="text-center"> {newsDetail.content} </p>
          </div>
          <div>
            <div className="News_Details_" dir="rtl">
              {Object.keys(news.slice(last_3_num, last_num), NewsImage.slice(last_3_num, last_num)).map(arr => (

                <div className="NewSection_details" key={news[arr].id}>
                  <div className="ImageNews_Details">
                    <img className="ImageNews_Details" src={NewsImage[arr]} alt="bankimage" />

                  </div>
                  <div className="HeaderNews_Details">
                    <h4>{news[arr].title} </h4>
                  </div>
                  <div className="bodynews_details">
                    <p> {news[arr].content.slice(0, 100)}... </p>
                  </div>
                  <div className="ButtonNews_Details">
                    {/*
             <Link Redirect push to={`/NewDetails/${news[arr].id}`}> */}
                    <Link to={`/NewDetails/${news[arr].id}`}> read more</Link>
                  </div>
                </div>))}
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
4

0 回答 0