Data get with codeigniter

 import React, { useState, useEffect } from 'react';

import { NavLink } from 'react-router-dom';

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

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

import NewsLogo from './assets/images/news.jpg';

import Header from  './include/Header';

import axios from 'axios'; 

function News() {

 

  const [posts , setPosts] = useState([])

    

  useEffect( () => {

  

    

    axios

    .get('https://msaini.in.net/api/newsList')

    .then(function (response) {

      // handle success

      console.log(response);

      setPosts(response.data)

    })

    .catch(function (error) {

      // handle error

      console.log(error);

    })

      

   

  

  },[])

  return (

    <>

    <div className="top-container topbar">

    

     <Header/>

      

 

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

      

{ posts.map(post => ( 

<div className="listItem"  >

<NavLink exact to={'/newsdetail/'+post.id} > 

      <div className="newsList" >

        

        <div className="news-img"> 

             

            <img src={post.path} width="100" height="50" alt="news logo" /> 

            

        </div> 

        <div className="nws-dtl">  

        {post.id} { post.title }

        </div>

      </div>

</NavLink>

</div> 

))} 

</section>

        

        <center><div className="loadmore" onclick="autoloaddata();"> और देखने के लिए क्लिक करे <i class="fa fa-search" aria-hidden="true"></i></div></center>

         

 

    

    </div>

    </>

  );

}

export default News;

Codeigniter Code : -

function newsList(){ /* login check */ //if (!$this->auth->isLogged()) { redirect('admin'); exit; } $result = $this->Api_model->getNewsList('News'); $data = array(); if(!empty($result)){ foreach($result as $row){ $data[] = array( 'title' => $row['title'], 'path' => base_url('upload/news/').$row['path'] ); }} echo json_encode($data); //$this->response($data, REST_Controller::HTTP_CREATED); }