如何在用户想要的时间内保持阅读输入？

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

function RealTimeInput() {
  const [inputValue, setInputValue] = useState('');
  const [displayValue, setDisplayValue] = useState('');

  useEffect(() => {
    // 模拟实时处理输入
    const timeoutId = setTimeout(() => {
      setDisplayValue(inputValue);
    }, 500); // 延迟500毫秒

    return () => clearTimeout(timeoutId); // 清除定时器
  }, [inputValue]);

  return (
    <div>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <p>实时显示: {displayValue}</p>
    </div>
  );
}

export default RealTimeInput;

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  ws.on('message', (message) => {
    console.log('收到消息:', message);
    ws.send(`服务器已收到: ${message}`); // 实时推送给客户端
  });
});