Data Post with fetch api & codeigniter

 import React, { useState } from 'react';

import './assets/css/bootstrap.css';

import './assets/css/custom.css';

import Header from  './include/Header';

function Newspost() {

const [result, setResult] = useState("hhhhhh");

  const onSubmits = (event) =>{

    event.preventDefault();

   

    const postData = {

      title: document.getElementById("title").value,

      detail: document.getElementById("detail").value

      };

   

      /* 

      axios.post(`https://msaini.in.net/api/newsInsert`,postData)

      .then(res => {

        console.log(res);

        setResult(res);

      }

      

      )

   */

  fetch('https://msaini.in.net/api/newsInsert', {

    method: 'POST',

    body: JSON.stringify({

      title: document.getElementById("title").value,

      detail: document.getElementById("detail").value

    })

  })

  .then(res => res.json())

  .then(data => {

    console.log(data);

    setResult(data.message);

  }) 

  .catch(err => console.log(err));

  

  

 

};

     

  return (

    <>

    <div classNameName="top-container topbar">

    

     <Header/>

      

 

<section classNameName="content listSecBox" id="results">

<form onSubmit={onSubmits} > 

<div className="space60"></div>

<center>

<div className="title_bar"> 

  <a href="#"> News Form 1 </a>

</div> 

  <p className="alert">{ result}</p>

</center> 

       <div className="form-submit1">

                

        <div className="form-group">  

                  

        <div className="input-group date">       

        <div className="input-group-addon"><b>*फोटो 1 के लिए क्लिक करे 👉</b> </div>         

        <input type="file" className="form-control" name="path"     />

        </div>

        

        </div>

        

                 

 

       <div className="form-group">

          <textarea name="title" id="title" rows="1" className="form-control" placeholder="* न्यूज़ हेडिंग यहाँ डाले  "></textarea>

               </div>

       

          

         

         

         <div className="form-group">

          <textarea name="detail" id="detail" rows="10" className="form-control" placeholder="* पूरी न्यूज़ यहाँ डाले " required></textarea>

               </div>

       

         

     

          

               

       </div> 

          <div className="footer">

            

       <div className="error"><span> Required Field Empty!!</span></div>

   

     <input className="form-control button ui primary fluid" type="submit" name="submit" value=" Submit " />

     

        </div>

       

      

  

  <div className="space100"></div>

  </form>  

</section>

 

    

    </div>

    </>

  );

}

export default Newspost;

Codeigniter :-

function newsInsert(){ $data = json_decode(file_get_contents("php://input")); $insertData = array( "title" => $data->title, "detail" => $data->detail ); $lastInsert = $this->Api_model->insertNews($insertData); $response = array( "title" => $data->title, "error" => false, "message" => "News successfully send." ); echo json_encode($response); }