설치
yarn add axios
소스코드
import React, { useState } from 'react';
import axios from 'axios';
const News = () => {
const [data, setData] = useState(null);
// https://newsapi.org/s/south-korea-news-api
// https://newsapi.org/v2/top-headlines?country=kr&apiKey=a8a9fcfc5218454aaf0b97113bb4f94c
// https://newsapi.org/v2/top-headlines?country=kr&category=business&apiKey=a8a9fcfc5218454aaf0b97113bb4f94c
// category: business, entertainment, health, science, sports, technology
const onClick = async () => {
try {
const response = await axios.get(
'https://newsapi.org/v2/top-headlines?country=kr&apiKey=a8a9fcfc5218454aaf0b97113bb4f94c'
);
setData(response.data);
} catch (e) {
console.log(e);
}
};
return (
<div>
<button onClick={onClick}>불러오기</button>
{data && (
<textarea
rows={7}
value={JSON.stringify(data, null, 2)}
readOnly={true}
/>
)}
</div>
);
};
export default News;