export default class PersonList extends React.Component {
constructor(props) {
super(props)
this.state = {
articleId: null
};
}
async componentDidMount() {
const article = {title: 'Reac Post Request Example'};
const res = await axios.post('https://reqres.in/api/articles', article);
this.setState({ articleId : res.data.id });
}
render()
{
const {articleId} = this.state;
return(
<div className="card text-center m-3">
<h5 className="card-header">Simple POST Request</h5>
<div className="card-body">Returned Id: {articleId}</div>
</div>
)
}
}