Как внедрить текст в компонент React Microsoft botframework-webchat?

Question

Я хочу добавить и отправить сообщение в чат-бое Microsoft, не вводя это сообщение в textArea, которое находится внизу окна бота.Мне нужно дать сообщение в качестве подпорки для компонента реакции (botframework-webchat).

Я попробовал предложения, приведенные в этой ссылке , и это не работает для меня.

Как я могу это сделать?

Я пробовал это.

import { Chat } from "botframework-webchat";

class ChatBox extends Component {

componentDidMount() {
   document.getElementsByClassName('wc-shellinput')[0].value = "testMsg"
   document.getElementsByClassName('wc-send')[0].click()
}

render() {
   return (
      <React.Fragment>
        <div>
         <Chat
            directLine={{
               secret:
               "...."
            }}
            user={{ id: "Test" }}
            bot={{ id: "Demo" }}
            resize={"detect"}
            ref="chatBox"
         />
      </div>
    </React.Fragment>
    )
}
}

Answer 1

Я не эксперт в React, но я обнаружил, что в React мы можем обновлять только входное значение через его состояние.И через исходный код кажется, что есть функция входа с именем onChangeText().

Итак, пожалуйста, попробуйте следующий фрагмент кода для обновления входного значения:

  componentDidMount(){
    console.log(this.chat);
    this.chat.shellRef.props.onChangeText('testMsg');      
  }