Звоните в чат-фреймворк по нажатию кнопки - PullRequest
Новая
       31

Звоните в чат-фреймворк по нажатию кнопки

0 голосов
/ 03 февраля 2020

Я новичок, чтобы отреагировать js, и я хочу вызвать чат-бота с помощью прямого токена. У меня есть код, приведенный ниже. Мне нужно позвонить в чат-бота, когда кнопка нажата и должна быть свернута. Я не знаю, как это сделать, и это кажется простым вопросом. Помогите мне в решении этого. Заранее спасибо. 

import React from "react";
import { DirectLine } from 'botframework-directlinejs'; 
import ReactWebChat from 'botframework-webchat';
import "./Login.css";

export default class extends React.Component {
    constructor(props) { 
        super(props);
            this.directLine=new DirectLine({ token: '' });
      }
      Chat = ()=> {
        <ReactWebChat directLine={ this.directLine } />
      }
    render(){
        return (
            <div className="image">
                <img src={require('../src/Images/banner.jpg')} ></img>
            <form>
            <div className="ChatBot" > <button onClick={this.Chat} >Click</button>
            </div>
            </form>
            </div>
        );
    }
}

и мне нужно настроить стиль фреймворка чат-бота. Как я могу это реализовать. Приведенный выше код может быть не прав. Пожалуйста, помогите мне разобраться.

1 Ответ

1 голос
/ 03 февраля 2020

Вы можете следовать этому образцу , предоставленному Microsoft. Это хорошая отправная точка для функций, которые вы запрашиваете (сворачивание окна чата). По сути, вы создаете эти два компонента React:

MinimizableWebChat. js & WebChat. js

Я не буду проходить через код, так как README образца имеет подробное описание реализации. Но в MinimizableWebChat. js вы обрабатываете создание магазина, обработку извлечения токена и обработку минимизации. В WebChat. js вы можете использовать метод createStyleSet для настройки веб-чата в режиме sh. Вы можете увидеть все свойства, которые вы можете установить с помощью этого метода здесь . Я надеюсь, что смог вам помочь.

...