useEffect(() => { axios.get('/api/handbook/content') .then(response => { setHandbookContent(response.data); }) .catch(error => { console.error(error); }); }, []);

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

function HandbookPage() { const [searchQuery, setSearchQuery] = useState(''); const [handbookContent, setHandbookContent] = useState({});

mongoose.connect('mongodb://localhost/handbook', { useNewUrlParser: true, useUnifiedTopology: true });

app.get('/api/handbook/content', async (req, res) => { try { const handbookContent = await Handbook.find().exec(); res.json(handbookContent); } catch (error) { console.error(error); res.status(500).json({ error: 'Internal Server Error' }); } });