TypeError: stateInfo.map不是react-native函数

const [stateInfo, setStateInfo] = useState([]);

setStateInfo([/* 新的数组数据 */]);

useEffect(() => {
  const fetchData = async () => {
    try {
      const response = await fetch('https://api.example.com/data');
      const data = await response.json();
      if (Array.isArray(data)) {
        setStateInfo(data);
      } else {
        console.error('数据不是数组:', data);
      }
    } catch (error) {
      console.error('获取数据失败:', error);
    }
  };

  fetchData();
}, []);

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';

const MyComponent = () => {
  const [stateInfo, setStateInfo] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        if (Array.isArray(data)) {
          setStateInfo(data);
        } else {
          console.error('数据不是数组:', data);
        }
      } catch (error) {
        console.error('获取数据失败:', error);
      }
    };

    fetchData();
  }, []);

  return (
    <View>
      {stateInfo.map((item, index) => (
        <Text key={index}>{item.name}</Text>
      ))}
    </View>
  );
};

export default MyComponent;