REST API가 없고, React에서 데이터를 가지고와 화면에 뿌리는 예제를 하고 싶다면 JSONPlaceholder
를 이용해 JSON 데이터 샘플을 사용을 할 수 있다. 주소는 여기로...
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => console.log(json))
또는
const onClick = async () => {
try {
const response = await axios.get(
'https://jsonplaceholder.typicode.com/todos/1'
);
setData(response.data);
} catch (e) {
console.log(e);
}
};
출력결과
{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}
'Web 개발 > React' 카테고리의 다른 글
[React] UI 만들기 styled-components (0) | 2020.02.10 |
---|---|
[React] axios 사용 예제 코드 (0) | 2020.02.10 |
[React] NavLink 를 이용해 현재 경로와 Link가 일치할때 Style을 주자 (+코드 예제) (0) | 2020.02.09 |
[React] Switch를 이용해 URL 접속시 존재하지 않는 페이지 (Not Found Page) 처리 방법 (+ 코드예제) (0) | 2020.02.09 |
[React] WithRouter 언제 사용? 사용하는 방법 (+ 코드예제) (0) | 2020.02.09 |