i chatbot
1.0.0
React 上で会話型インターフェイスを構築するためのシンプルでエレガントなコンポーネント。 ??
npm i i-chatbot --save
コンポーネントのインポート
import ChatBot, { ChatBotUtil } from 'i-chatbot'
チャットボットからのポストバック イベントを処理するメソッドを作成します。ユーザーのアクションに対してコールバックで応答するメッセージ オブジェクトの配列を返す必要があります。
getStarted () {
return [
ChatBotUtil.textMessage(['Hi!', 'Hey there!'].any()),
ChatBotUtil.textMessage(['How is life?', 'What's up?'].any(),
ChatBotUtil.makeReplyButton('Great!', this.intro))
]
}
intro () {
return [
ChatBotUtil.textMessage('That's good to hear!')
]
}
開始コールバック メソッドと開始ボタンを使用して ChatBot をレンダリングします。
<ChatBot onGetStarted={this.getStarted}
getStartedButton={ChatBotUtil.makeGetStartedButton('Get Started')} />
| 小道具 | デフォルト | タイプ | 説明 |
|---|---|---|---|
| 始めましょう | - | 機能 | 最初のメッセージを返す初期コールバック メソッド |
| 開始ボタン | - | 物体 | スタートボタンのパラメータ |
[開始] ボタンが設定されていない場合は、チャットの状態をリセットし、メッセージ オブジェクトを追加します。
テキストメッセージオブジェクトを作成します。
パラメータ:
| 名前 | タイプ | 説明 |
|---|---|---|
| 文章 | 弦 | メッセージテキスト |
| アクション | オブジェクト | クイック返信ボタン オブジェクト |
ユーザーのテキスト メッセージ オブジェクトを作成します。
パラメータ:
| 名前 | タイプ | 説明 |
|---|---|---|
| 文章 | 弦 | メッセージテキスト |
「開始」ボタンを作成します。
パラメータ:
| 名前 | タイプ | 説明 |
|---|---|---|
| タイトル | 弦 | タイトル |
クイック返信ボタンを作成します。
パラメータ:
| 名前 | タイプ | 説明 |
|---|---|---|
| タイトル | 弦 | タイトル |
| ポストバック | 弦 | ポストバック値 |
テキスト入力フィールドを作成します。
パラメータ:
| 名前 | タイプ | 説明 |
|---|---|---|
| 送信 | 弦 | 送信ボタンのタイトル |
| プレースホルダー | 弦 | 入力フィールドのプレースホルダー |
| ポストバック | 弦 | ポストバック値 |
CSS プリプロセッサの使用は少なくなります。 demo/src/i-chatbot.lessからスタイルをコピーして変更し、アプリにインポートします。
i-chatbotで構築されていますか?i-chatbotを使って何か素晴らしいものを構築したことがありますか?プルリクエストを送信して、このリストに追加してください。
規模の大小を問わず、あなたの貢献は大歓迎です。
プロジェクトの構造、開発環境、テスト スイート、コード スタイルなどの詳細については、コントリビューション ガイドを参照してください。すべてのバージョンの更新は変更ログに記載されています。
このライブラリは、MIT ライセンスの条件に基づいてオープン ソースとして利用できます。
