在react on first time data is fetched中，当用户移动到与另一个用户聊天时，状态值不会改变

import React, { Component } from 'react';

class ChatComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      chatData: [] // 默认状态值为空数组
    };
  }

  componentDidMount() {
    // 发起网络请求获取聊天数据
    fetch('https://api.example.com/chat')
      .then(response => response.json())
      .then(data => {
        // 数据返回后更新状态值
        this.setState({ chatData: data });
      });
  }

  render() {
    // 使用状态值中的聊天数据进行渲染
    return (
      <div>
        {this.state.chatData.map(chat => (
          <div key={chat.id}>{chat.message}</div>
        ))}
      </div>
    );
  }
}

export default ChatComponent;