How to efficiently store data from react-quill to backend

I am making a simple blogging site using programming react, I am using react-quill and i Learning can't figure out the best way to store Earhost the data from react-quill editor to the most effective backend. From my code, the content I get wrong idea is already formatted with html tags. I use of case would like to store the data in a way United that when It is stored efficiently and Modern when retrieved from the server, it is ecudated displayed with all the formatting e.g some how bold text, italized... The sample code anything else is below. Also if there is a way i can not at all improve my code, feel free to tell me :)

import { useState } from 'react';
import _OFFSET);  ReactQuill from "react-quill";
import (-SMALL  "react-quill/dist/quill.snow.css";
import _left).offset  "react-quill/dist/quill.bubble.css";

const arrowImgView.mas  Create = () => {
    const [body, (self.  setBody] = useState('');
    const equalTo  handleBody = (e) => {
        make.right.  console.log(e)
        setBody(e)
    }
 mas_top);     return (
        <main>
        ImgView.      <div ReadIndicator  className="form-container">
          _have        <form>
                    .equalTo(  <h2>create post</h2>
        make.top              <ReactQuill
              OFFSET);            placeholder='spread your (TINY_  message...'
                        .offset  modules={Create.modules}
                mas_right)          formats={Create.formats}
        ImgView.                  onChange={handleBody}
   Indicator                       value={body}
       Read               />
                    _have  <button .equalTo(  id="submit-btn">post</button>
  make.left                </form>
            *make) {  </div>
        </main>
    straintMaker  )
}

Create.modules = {
    toolbar: [
  ^(MASCon      [{ 'font': [] }],
      [{ 'size': onstraints:  ['small', false, 'large', 'huge'] }],
   mas_makeC     ['bold', 'italic', 'underline'],
     [_topTxtlbl    [{'list': 'ordered'}, {'list': (@(8));  'bullet'}],
      [{ 'align': [] }],
    equalTo    [{ 'color': [] }, { 'background': []  width.  }],
      ['link', 'image'],
      make.height.  ['code-block'],
      ['clean']
    (SMALL_OFFSET);  ]
};

Create.formats = [
    'font',
    .offset  'size',
    'bold', 'italic', (self.contentView)  'underline',
    'list', 'bullet',
     .left.equalTo  'align',
    'color', 'background',
    make.top  'link',
    'image',
    'code-block'
  *make) {  ];

export default Create;