I do not understand you, in your code, you are trying to fetch the whole article but newsapi response has "url" param which is to redirect to that whole specific article.
I saw that you are using functional components, I suggest you to use hooks with react-router-dom like useHistory, useParams, etc.
Tell me if you need more help.
My goal is very simple, fetch the news and display them on the screen. When you click the image of each piece of news, the page will redirect you to that detailed news page.
If I don’t want to redirect to the external website, can I use react hooks to store the collection of articles that I fetched for further usage. Or is there any other way to store the data that I fetched? Thank you so much!
I do not understand you, in your code, you are trying to fetch the whole article but newsapi response has "url" param which is to redirect to that whole specific article.
I saw that you are using functional components, I suggest you to use hooks with react-router-dom like useHistory, useParams, etc.
Tell me if you need more help.
My goal is very simple, fetch the news and display them on the screen. When you click the image of each piece of news, the page will redirect you to that detailed news page.
But you need to redirect to the source specific article. Newsapi's response has url attribute which is to redirect to that specific article.
If I don’t want to redirect to the external website, can I use react hooks to store the collection of articles that I fetched for further usage. Or is there any other way to store the data that I fetched? Thank you so much!
You already have the data stored. When you fetch data you are using useState hook to store the data with setNews.
Thank you for your advice and patience! I will have a try later! Thank you!