botframework - 自定义 Microsoft 网络聊天

Question

我正在尝试使用 React 项目自定义 Microsoft 网络聊天：

• npm install botframework-webchat@master

在之前的版本中，我通过 fork master 自定义了 web UI，但是此时我不想丢失 master 中的更新，这是我遵循Microsoft Bot Webchat的参考。

我正在尝试使用相应的图像编辑用户/机器人图标，我不需要如下所示的上传按钮

尝试创建中间件，以及扩展实际组件但没有运气的自定义组件，我不确定最新的主控是否可行。请指导我如何做。

标签： botframeworkbotsweb-chat

Answer 1

终于有了造型：

import { createStyleSet } from 'botframework-webchat;

const styleSet = createStyleSet({});

styleSet.uploadButton = { ...styleSet.uploadButton,
  display: 'none'
};

styleSet.avatar = {...styleSet.avatar,
  backgroundImage: `url(${imageUrl})`
};

同时将发送属性返回给组件

botAvatarInitials= ' '
userAvatarInitials= ' '
styleSet={styleSet}`