Delete post example

import React from 'react';
import './Post_style.css'
import axios from 'axios';

function Post(props) {
    const {id, title, body, created} = props.data;

    const delete_post = async (event) =>{
        await axios.delete(`http://127.0.0.1:8000/api/posts/${id}/`);
        props.get_posts();
    };

    return (
        <div className="post_item">
            <h3>{title}</h3>
            <p>{body}</p>
            <div>{created}</div>
            <button onClick={delete_post}>Delete</button>
        </div>
    );
}

export default Post;