自定义Microsoft网络聊天

Question

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

• npm安装botframework-webchat @ master

在以前的版本中，我通过分叉母版来自定义Web UI，但是现在我不想丢失母版中的更新，这是我遵循的参考Microsoft Bot Webchat。

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

试图创建中间件和一个自定义组件，该组件扩展了实际组件，但没有运气，我不确定最新的master是否有可能。请指导我该怎么做。

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