当使用react呈现elemenets时，如何进行webscrape嵌套div？

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

const WebScrapingComponent = () => {
  const [nestedDivContent, setNestedDivContent] = useState('');

  useEffect(() => {
    const fetchData = async () => {
      const response = await axios.get('http://example.com'); // 替换为目标网页的URL
      const html = response.data;
      const $ = cheerio.load(html);
      const nestedDiv = $('div > div'); // 替换为目标嵌套div的CSS选择器

      if (nestedDiv.length > 0) {
        const content = nestedDiv.text(); // 获取嵌套div的文本内容
        setNestedDivContent(content);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      Nested div content: {nestedDivContent}
    </div>
  );
};

export default WebScrapingComponent;