Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

react axios POST with super constructor parent class

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: 'Reac Post Request Example'};
            axios.post('https://reqres.in/api/articles', article)
            .then( res => 
                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>
         

        )
    }
}

 
PREVIOUS NEXT
Tagged: #react #axios #POST #super #constructor #parent #class
ADD COMMENT
Topic
Name
8+3 =