为什么在react原生中未定义初始状态？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { // 初始化状态
      myData: null,
    };
  }

  componentDidMount() {
    // 异步获取数据后更新状态
    fetchData().then(data => {
      this.setState({ myData: data });
    });
  }

  render() {
    return (
      <View>
        {/* 使用状态 */}
        {this.state.myData ? <Text>{this.state.myData}</Text> : <Text>Loading...</Text>}
      </View>
    );
  }
}

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

function MyComponent() {
  const [myData, setMyData] = useState(null); // 使用useState定义状态

  useEffect(() => {
    // 异步获取数据后更新状态
    fetchData().then(data => {
      setMyData(data);
    });
  }, []); // 空依赖数组确保只在组件挂载时执行一次

  return (
    <View>
      {/* 使用状态 */}
      {myData ? <Text>{myData}</Text> : <Text>Loading...</Text>}
    </View>
  );
}