chatKit lib

？為什麼？

反應元件庫，可讓您建立與第三方服務互動的對話方塊介面，該第三方服務提供與聊天互動的能力。

？安裝

對於安裝庫，您需要輸入下一個命令：

 npm i sova - chatkit

快速啟動

若要快速啟動並對庫元件進行更改，請在App.jsx檔案中輸入下一個命令：

 import React from "react"
import { CkComponents } from "sova-chatkit"
 
function App ( ) {
 return (
 < div className = "App" >
   < CkComponents . ChatIt ckStore = { true } / >
 < / div >
 )
}
 
export default App

？目錄

該庫由以下元件組成：

？ CkComponents - 小工具的 UI 元件（react-components）；
？ ckAPIMethods - 影響 UI 行為或與 UI 互動的方法；
ckStore - 內容管理。

下面給出該庫的詳細描述。

庫說明

CK組件

 import { CkComponents } from "sova-chatkit"

Widget 使用下一個 React 元件：

成分
徽章	小工具展開按鈕
訊息	帶有相關訊息的簡訊氣泡
對話	顯示一組文字訊息
標頭	小部件標題
速度	評價訊息的組成部分
寄件人	訊息輸入和發送組件

每個組件都接受來自ckStore的 props，其值true或false表示組件是否應該保留來自基礎ckStore資訊。

ckAPI方法

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods儲存方法清單：

API方法
接收訊息API	新增簡訊到商店
發送訊息API	向模組發送訊息呼叫請求
樣式API	編輯小部件主題或單一組件
ui管理API	更改 STORE 中組件的設置
設定API	更改小部件中的圖片
模組API	對話模組的連接
語言API	設定語言包

所有方法都會影響ckStore儲存的信息，並且可以更改小部件的行為和顯示。

ck商店

 import { ckStore } from "sova-chatkit"

ckStore將內容資訊儲存在全域鍵中：

鑰匙
訊息	用戶訊息歷史記錄和傳入答复
模組	對話模組訊息
設定	對話框設定及其狀態
語言	設定語言包
風格	對話框和各個組件的樣式設定
客戶端配置	頂級小工具設置
管理	小部件設定

與 Storeon 一起實施。你可以在react dev tools看到所有的內容資訊。