import React from 'react';
import './App.css';
import axios from 'axios';
import 'bootstrap/dist/css/bootstrap.min.css';
export default class PersonList extends React.Component {
constructor(props) {
super(props)
this.state = {
articleId: null
};
}
componentDidMount() {
const article = {title: 'ReacT Post Request Example'};
axios.post('https://reqres.in/invalid-url', article)
.then(res => this.setState({articleId: res.data.id} ))
.catch(error => {
this.setState({errorMessage: error.message});
console.error('This is an Error!', error);
});
}
render()
{
const {errorMessage} = this.state;
return(
<div className="card text-center m-3">
<h5 className="card-header">Simple POST Request</h5>
<div className="card-body">Error : {errorMessage}</div>
</div>
)
}
}