如何使用React.js在Botframework v4聊天应用程序中执行Send‘输入指示器？

import React, { useState, useEffect } from 'react';
import { useSelectedActivity, useSetSendBox, useSendBoxValue } from 'botframework-webchat';

const ChatApp = () => {
  const selectedActivity = useSelectedActivity();
  const setSendBox = useSetSendBox();
  const sendBoxValue = useSendBoxValue();
  const [inputIndicator, setInputIndicator] = useState('');

  useEffect(() => {
    setInputIndicator(selectedActivity?.id === 'sendBox' ? sendBoxValue : '');
  }, [selectedActivity, sendBoxValue]);

  const handleInputChange = (e) => {
    setInputIndicator(e.target.value);
  };

  const handleSend = () => {
    setSendBox(inputIndicator);
  };

  return (
    <div>
      <input type="text" value={inputIndicator} onChange={handleInputChange} />
      <button onClick={handleSend}>Send</button>
    </div>
  );
};

export default ChatApp;