我在控制台中有数组数据，如何在react js中显示它？

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

const MyComponent = () => {
  const [dataArray, setDataArray] = useState([]);

  useEffect(() => {
    // 在这里获取数组数据，可以是从后端API请求或其他方式获取
    const fetchData = async () => {
      const response = await fetch('https://example.com/api/data');
      const data = await response.json();
      setDataArray(data);
    };

    fetchData();
  }, []);

  return (
    <div>
      <h1>数组数据：</h1>
      <ul>
        {dataArray.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    </div>
  );
};

export default MyComponent;