Learn React with TypeScript 3

Creating data with axios

Let's move on to creating data now. We are going to allow the user to enter a post title and body and save it:

1. Let's first create a new state for the title and body:

interface IState {  ...  editPost: IPost;}

2. Let's initialize this new state as well:

public constructor(props: {}) {  super(props);  this.state = {    ...,    editPost: {      body: "",      title: "",      userId: 1    }  };}

3. We'll create an input and textarea to capture the post title and body from the user:

<div className="App">  <div className="post-edit">    <input      type="text"      placeholder="Enter title"      value={this.state.editPost.title}      onChange={this.handleTitleChange}    />    <textarea      placeholder="Enter body"      value={this.state.editPost.body} onChange={this.handleBodyChange} ...