Learn React with TypeScript 3

Basic GET request

We'll start off by getting the posts using a basic GET request with axios, and then rendering them in an unordered list:

1. Let's open App.tsx and add an import statement for axios:

import axios from "axios";

2. Let's also create an interface for the posts that will come from JSONPlaceholder:

interface IPost {  userId: number;  id?: number;  title: string;  body: string;}

3. We are going to store the posts in state, so let's add an interface for this:

interface IState {  posts: IPost[];}class App extends React.Component<{}, IState> { ... }

4. Let's then initialize the post-state to an empty array in a constructor:

class App extends React.Component<{}, IState> {  public constructor(props: {}) {    super(props);    this.state = { posts: ...