JSFiddle - React, Tailwind, and code Playground

HTML

<div id="innerContent"></div>

JavaScript

var data=[{
  "analysisDataList": [
    {
      "book_Id": 4,
      "cancelled_request": 0,
      "delivery_request": 0,
      "return_request": 0,
      "title": "Facts"
    },
    {
      "book_Id": 5,
      "cancelled_request": 0,
      "delivery_request": 0,
      "return_request": 0,
      "title": "BlackBook"
    },
    {
      "book_Id": 14,
      "cancelled_request": 0,
      "delivery_request": 0,
      "return_request": 0,
      "title": "CompleteRef"
    },
    {
      "book_Id": 18,
      "cancelled_request": 0,
      "delivery_request": 0,
      "return_request": 0,
      "title": "Dummies"
    }
  ]
}];


    var links = data[0].analysisDataList;

    for(var key in links) {
        
            $('#test').append('<a href="#" onclick="alert('+links[key].book_Id+')">'+ links[key].title +'</a><br />');          

    }