如何将setState与ssdp m-search发现结合使用？

import React, { Component } from 'react';

class DeviceDiscovery extends Component {
  state = {
    devices: []
  };

  componentDidMount() {
    // 使用ssdp m-search发现设备
    const socket = new window.DatagramSocket();
    socket.onmessage = (event) => {
      // 处理接收到的设备响应
      const deviceInfo = parseDeviceInfo(event.data);
      if (deviceInfo) {
        this.setState(prevState => ({
          devices: [...prevState.devices, deviceInfo]
        }));
      }
    };

    // 发送ssdp m-search请求
    socket.send('M-SEARCH * HTTP/1.1\r\n' +
      'HOST: 239.255.255.250:1900\r\n' +
      'MAN: "ssdp:discover"\r\n' +
      'MX: 3\r\n' +
      'ST: ssdp:all\r\n\r\n');
  }

  render() {
    const { devices } = this.state;

    return (
      <div>
        <h1>发现的设备列表</h1>
        <ul>
          {devices.map((device, index) => (
            <li key={index}>
              设备名称：{device.name}
              设备IP地址：{device.ip}
              // 其他设备信息展示
            </li>
          ))}
        </ul>
      </div>
    );
  }
}

export default DeviceDiscovery;