React Web Chat Bot Framework中隐藏发送框的方法求助

针对你使用botframework-webchat@4.15.7和React 18.2.0时，设置hideSendBox: true无法隐藏发送框的问题，可尝试以下几种方案：

• 方案1：增强styleOptions配置
  除了设置hideSendBox，额外添加发送框的强制隐藏样式作为兜底，确保样式优先级足够：

  const styleOptions = {
    hideSendBox: true,
    sendBox: {
      display: 'none'
    }
  };
  

  同时确认styleOptions变量在ReactWebChat组件的作用域内，没有被其他代码覆盖。

• 方案2：通过自定义Store强制控制发送框状态
  若store中的状态覆盖了styleOptions的设置，可创建自定义store拦截相关action，强制隐藏发送框：

  import { createStore } from 'botframework-webchat';
  
  const store = createStore({}, () => next => action => {
    if (action.type === 'WEB_CHAT/SET_SEND_BOX_HIDDEN') {
      // 强制将发送框设置为隐藏
      return next({ ...action, payload: true });
    }
    return next(action);
  });
  

  将这个自定义store传入ReactWebChat组件即可。

• 方案3：全局CSS隐藏
  如果前两种方法都无效，直接通过全局CSS隐藏发送框元素：

  .webchat__send-box {
    display: none !important;
  }
  

内容的提问来源于stack exchange，提问作者Sharvani