مكون بسيط وأنيق لبناء واجهات المحادثة على 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')} />
دعم | تقصير | يكتب | وصف |
---|---|---|---|
onGetStarted | - | func | طريقة رد الاتصال الأولية لإرجاع الرسائل الأولى |
getStartedButton | - | هدف | معلمات زر البداية |
يعيد تعيين حالة الدردشة ويضيف كائن رسالة إذا لم يتم تعيين زر البدء.
إنشاء كائن رسالة نصية.
حدود:
اسم | يكتب | وصف |
---|---|---|
نص | خيط | نص الرسالة |
الإجراءات | أشياء) | كائن زر (أزرار) الرد السريع |
إنشاء كائن رسالة نصية للمستخدم.
حدود:
اسم | يكتب | وصف |
---|---|---|
نص | خيط | نص الرسالة |
قم بإنشاء زر البدء.
حدود:
اسم | يكتب | وصف |
---|---|---|
عنوان | خيط | عنوان |
إنشاء زر الرد السريع.
حدود:
اسم | يكتب | وصف |
---|---|---|
عنوان | خيط | عنوان |
إعادة النشر | خيط | قيمة إعادة النشر |
إنشاء حقل إدخال النص.
حدود:
اسم | يكتب | وصف |
---|---|---|
يرسل | خيط | عنوان زر الإرسال |
العنصر النائب | خيط | العنصر النائب لحقل الإدخال |
إعادة النشر | خيط | قيمة إعادة النشر |
نظرًا لاستخدام معالج CSS المسبق بشكل أقل. قم بنسخ الأنماط وتعديلها من demo/src/i-chatbot.less
ثم قم باستيرادها في تطبيقك.
i-chatbot
؟ هل قمت ببناء شيء رائع باستخدام i-chatbot
؟ أرسل طلب سحب وأضفه إلى هذه القائمة!
مساهمتك مرحب بها مهما كانت كبيرة أو صغيرة!
يرجى إلقاء نظرة على دليل المساهمة للحصول على تفاصيل حول هيكل المشروع، وبيئة التطوير، ومجموعة الاختبار، ونمط التعليمات البرمجية، وما إلى ذلك. جميع تحديثات الإصدار مذكورة في سجل التغيير.
المكتبة متاحة كمصدر مفتوح بموجب شروط ترخيص MIT.