在通过 ReactJS 托管的 Webchat 上使用 styleOptions

Question

有没有办法在使用 ReactJS 呈现网络聊天时使用 styleOptions？

我可以看到 https://github.com/microsoft/BotFramework-WebChat/blob/master/docs/HOOKS.md#usestyleoptions 支持它作为钩子，但没有实现它的说明。

谢谢！

Answer 1

我能够使用以下代码让它工作：

ReactDOM.render(
    <Composer
      store={store}
      directLine={window.WebChat.createDirectLine({ token })}
      userID={user}
      username={usern}
      styleOptions={{
        bubbleBorderColor: '#FF8200',
        bubbleBackground: '#ffffff',
        bubbleBorderRadius: 20,
        bubbleFromUserBackground: '#ffffff',
        bubbleFromUserBorderColor: '#FF8200',
        bubbleFromUserBorderStyle: 'solid',
        bubbleFromUserBorderWidth: 1,
        bubbleFromUserBorderRadius: 20,
        sendBoxButtonColorOnHover: '#ff9742',
        suggestedActionBorderColor: '#ff7300',
        suggestedActionBorderRadius: 20,
        hideUploadButton: true
    }}>
      <BasicWebChat />
      <SendMessageOnConnect />
    </Composer>,
    document.getElementById('webchat')

在通过 ReactJS 托管的 Webchat 上使用 styleOptions

Use styleOptions on Webchat Hosted via ReactJS

reactjs

botframework