Consuming REST endpoints with a React application

React is a popular frontend server-side JavaScript library used to build scalable user interfaces for websites, mostly single-page applications (SPAs). It is a popular library in rendering pages that changes its state without reloading the page.

After creating a React project using the create-react-app command, our ch12-react-flask application has implemented the following functional component to build the form page and the table listing all the faculty borrowers of the Online Library Management System:

export const FacultyBorrowers =(props)=>{
    const [id] = React.useState(0);
    const [firstname, setFirstname] = React.useState('');
    const [lastname, setLastname] = React.useState('');
    const [empid, setEmpid] = React.useState('');
    const [records, setRecords] = React.useState([]);

...