使用房间时清除Socket React应用中的消息输入

在使用房间时清除Socket React应用中的消息输入，可以通过以下步骤实现：

首先，需要在React应用中使用Socket.io库来处理实时通信。可以使用npm install socket.io-client命令安装该库。
在React组件中引入Socket.io库，并创建一个Socket连接到服务器。可以使用以下代码示例：

import React, { useEffect, useState } from 'react';
import io from 'socket.io-client';

const ChatRoom = () => {
  const [message, setMessage] = useState('');
  const [socket, setSocket] = useState(null);

  useEffect(() => {
    const newSocket = io('服务器地址');
    setSocket(newSocket);

    return () => {
      newSocket.disconnect(); // 在组件卸载时断开Socket连接
    };
  }, []);

  // 处理消息输入框变化
  const handleInputChange = (e) => {
    setMessage(e.target.value);
  };

  // 发送消息
  const sendMessage = () => {
    if (socket && message.trim() !== '') {
      socket.emit('message', message);
      setMessage('');
    }
  };

  return (
    <div>
      <input type="text" value={message} onChange={handleInputChange} />
      <button onClick={sendMessage}>发送</button>
    </div>
  );
};

export default ChatRoom;

在上述代码中，我们创建了一个ChatRoom组件，其中包含一个输入框和一个发送按钮。通过useState钩子来管理输入框的值和Socket连接。
在useEffect钩子中，我们创建了一个Socket连接，并将其存储在socket状态中。在组件卸载时，我们断开Socket连接以避免内存泄漏。
handleInputChange函数用于处理输入框的变化，将输入的消息存储在message状态中。
sendMessage函数用于发送消息。首先，它检查Socket连接是否存在且消息不为空。然后，使用socket.emit方法将消息发送到服务器，并清空输入框。

这样，当用户在输入框中输入消息并点击发送按钮时，消息将通过Socket连接发送到服务器。在组件卸载时，Socket连接将被断开，以确保资源的正确释放。

请注意，上述代码中的"服务器地址"需要替换为实际的服务器地址。此外，还需要在服务器端实现相应的Socket逻辑来接收和处理消息。