自定义Microsoft web聊天

Question

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

• npm安装僵尸框架-webchat@master

在上一个版本中，我通过分叉主程序定制了web，但此时我不想丢失主版中的更新，下面是我遵循微软Bot网络聊天的参考。

我试图用相应的图像编辑用户/机器人图标，我不需要下面显示的上传按钮

​

​

尝试创建中间件，以及扩展实际组件但没有运气的自定义组件，我不确定是否可以使用最新的主组件。请指导我我们能做什么。

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}`