الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

عناصر الدردشة التفاعلية

عناصر الدردشة Reactjs

ملاحظة: هذه الحزمة لم تعد تدعم التفاعل الأصلي بعد الآن.

التوثيق الكامل ، سجل التغيير

ثَبَّتَ 

 npm install react-chat-elements --save

الواردات 

 // RCE CSS
import 'react-chat-elements/dist/main.css'
// MessageBox component
import { MessageBox } from 'react-chat-elements'

عناصر

  1. ChatItem
  2. صندوق الرسائل
  3. رسالة النظام
  4. قائمة الرسائل
  5. قائمة الدردشة
  6. مدخل
  7. زر
  8. نافذة منبثقة
  9. الشريط الجانبي
  10. شريط التنقل
  11. اسقاط
  12. الصورة الرمزية
  13. رسالة الموقع
  14. رسالة سبوتيفي
  15. MeetingItem
  16. قائمة الاجتماعات
  17. رابط الاجتماع

مكون عنصر الدردشة

chatitem-photo

 import { ChatItem } from 'react-chat-elements'
; < ChatItem
  avatar = { 'https://facebook.github.io/react/img/logo.svg' }
  alt = { 'Reactjs' }
  title = { 'Facebook' }
  subtitle = { 'What are you doing?' }
  date = { new Date ( ) }
  unread = { 0 }
/>

الدعائم ChatItem

دعم تقصير يكتب وصف
الصورة الرمزية لا أحد سلسلة عنوان URL للصورة الرمزية لـ ChatItem
avatarFlexible خطأ شنيع منطقية الصورة الرمزية المرنة لـ ChatItem
بديل لا أحد خيط نص بديل للصورة الرمزية لـ ChatItem
عنوان لا شيء خيط عنوان عنصر الدردشة
العنوان الفرعي لا شيء خيط العنوان الفرعي لعنصر الدردشة
تاريخ لا أحد تاريخ تاريخ عنصر الدردشة
dateString لا أحد خيط يمثل ChatItem سلسلة التاريخ أو timeagojs (الآن، التاريخ)
غير مقروءة 0 كثافة العمليات عدد عناصر الدردشة غير المقروءة
عند النقر لا أحد وظيفة عنصر الدردشة عند النقر
onContextMenu لا أحد وظيفة ChatItem في قائمة السياق
StatusColor لا أحد لون لون حالة عنصر الدردشة
StatusColorType شارة سلسلة نوع لون حالة ChatItem (دائرة، شارة)
StatusText لا أحد اللون نص حالة عنصر الدردشة
LazyLoadingImage لا أحد مسار الصورة صورة بطيئة التحميل
كتم الصوت خطأ شنيع منطقي معلومات كتم صوت الدردشة
showMute كاذبة منطقي إمكانية رؤية زر كتم صوت الدردشة
showVideoCall خطأ شنيع منطقي رؤية زر مكالمة الفيديو للدردشة
onClickMute لا أحد وظيفة زر كتم الصوت
onClickVideoCall لا أحد وظيفة زر مكالمة الفيديو

مكون صندوق الرسائل

ملف الصورة نص موقع فيديو صوتي
رسالة الملفرسالة مصورةرسالة نصيةرسالة الموقع
 import { MessageBox } from 'react-chat-elements'
; < MessageBox
  position = { 'left' }
  type = { 'photo' }
  text = { 'react.svg' }
  data = { {
    uri : 'https://facebook.github.io/react/img/logo.svg' ,
    status : {
      click : false ,
      loading : 0 ,
    } ,
  } }
/>

الدعائم messagebox

دعم تقصير يكتب الوصف
بطاقة تعريف أنا (الفهرس) خيط معرف صندوق الرسائل
موضع اليسار خيط موضع صندوق الرسائل
يكتب نص خيط نوع الرسالة (نص، صورة، ملف، موقع، سبوتيفي، فيديو، صوت)
نص لا شيء خيط نص الرسالة
عنوان لا أحد سلسلة عنوان الرسالة
titleColor لا أحد سلسلة (لون) لون عنوان الرسالة
بيانات {} هدف بيانات الرسالة
تاريخ تاريخ جديد() تاريخ تاريخ الرسالة
dateString لا شيء خيط تمثل الرسالة dateString أو timeagojs(now, date)
عند النقر لا أحد وظيفة رسالة عند النقر (يتم إرجاع الرسالة (الكائن))
onOpen لا أحد وظيفة رسالة عند فتح (ملف أو صورة) (يتم إرجاع الرسالة (الكائن))
onDownload لا أحد وظيفة رسالة عند التنزيل (ملف أو صورة) (يتم إرجاع الرسالة (الكائن))
onLoad لا أحد وظيفة رسالة عند تحميل الصورة
onPhotoError لا شيء وظيفة رسالة على صورة الخطأ
onTitleClick لا أحد وظيفة عنوان الرسالة عند النقر على الحدث
onForwardClick لا أحد وظيفة إعادة توجيه الرسالة عند النقر على الحدث
onReplyClick لا أحد وظيفة الرد على الرسالة عند النقر على الحدث
علىMeetingMessageClick لا شيء وظيفة رسالة الاجتماع عند النقر فوق الحدث
onMeetingTitleClick لا أحد وظيفة رسالة عنوان الاجتماع عند النقر على الحدث
علىMeetingVideoLinkانقر فوق لا أحد وظيفة اجتماع رسالة رابط الفيديو عند النقر على الحدث
onReplyMessageClick لا شيء وظيفة الرد على الرسالة عند النقر على الحدث
onRemoveMessageClick لا أحد وظيفة إزالة الرسالة عند النقر على الحدث
onMeetingMoreSelect لا أحد وظيفة عنصر قائمة الرسائل في حدث onMeetingMoreSelect، يحصل على 3 معلمات: عنصر الرسالة، فهرس العنصر، الحدث
علىMeetingLinkانقر فوق لا أحد وظيفة رابط الاجتماع عند النقر على الحدث
onContextMenu لا أحد وظيفة حدث النقر على قائمة سياق الرسالة
إعادة توجيه لا أحد منطقية رمز إعادة توجيه الرسالة
زر الرد لا أحد منطقية أيقونة الرد على الرسالة
RemoveButton لا أحد منطقية أيقونة إزالة الرسالة
الحالة لا أحد خيط معلومات حالة الرسالة (في الانتظار، المرسلة، المستلمة، القراءة)
درجة حقيقي منطقية فتحة صندوق الرسائل
الصورة الرمزية لا أحد عنوان URL عنوان URL للصورة الرمزية لمربع الرسائل
renderAddCmp لا شيء وظيفة (مكون) إضافة مكونات مخصصة إلى مربع الرسالة
قابل للنسخ خطأ شنيع منطقية نص تاريخ مربع الرسالة قابل للنسخ
ركز خطأ شنيع منطقية تُستخدم في ميزة تركيز الرسائل في مكون قائمة الرسائل، مما يجعل نمط المكون مركزًا
onMessageFocused لا شيء وظيفة يجعل قيمة التركيز خاطئة بعد أن تصبح الرسالة موضع التركيز
رد لا أحد هدف بيانات الرد
تراجع لا أحد منطقية تم حذف الرسالة أو سحبها
ForwardedMessageText إعادة توجيه خيط نص الرسالة المعاد توجيهها

الرد على مكون الرسالة 

 import { MessageBox } from 'react-chat-elements'
; < MessageBox
  reply = { {
    photoURL : 'https://facebook.github.io/react/img/logo.svg' ,
    title : 'elit magna' ,
    titleColor : '#8717ae' ,
    message : 'Aliqua amet incididunt id nostrud' ,
  } }
  onReplyMessageClick = { ( ) => console . log ( 'reply clicked!' ) }
  position = { 'left' }
  type = { 'text' }
  text = { 'Tempor duis do voluptate enim duis velit veniam aute ullamco dolore duis irure.' }
/>

رسالة الرد

مكون رسالة الاجتماع 

 import { MeetingMessage } from 'react-chat-elements'

< MeetingMessage
    subject = { 'New Release' }
    title = { 'in ullamco' }
    date = { new Date ( ) }
    collapseTitle = { 'Commodo aliquip' }
    participants = { [
        {
            id : '1' ,
            title : 'Facebook' ,
        } ,
        .
        .
        .
    ] }
    dataSource = { [
        {
            id : '1' ,
            avatar : 'https://facebook.github.io/react/img/logo.svg' ,
            message : 'Lorem ipsum dolor sit amet.' ,
            title : 'Elit magna' ,
            avatarFlexible : true ,
            date : new Date ( ) ,
            event : { [
                title : 'Toplantı sona erdi!' ,
                avatars = { [
                    src : 'https://facebook.github.io/react/img/logo.svg'
                ] }
            ] }
            record : { [
                avatar : 'https://facebook.github.io/react/img/logo.svg' ,
                title : 'Arama' ,
                savedBy : 'Kaydeden: Elit magna' ,
                time : new Date ( ) ,
            ] }
        } ,
        .
        .
        .
    ] } / >

الدعائم MeetingMessage

دعم تقصير يكتب وصف
موضوع لا شيء خيط رسالة الاجتماع
عنوان لا أحد خيط عنوان اللقاء
تاريخ تاريخ جديد() تاريخ تاريخ الاجتماع
<br>collapseTitle لا شيء خيط العنوان الفرعي للاجتماع
مشاركون [] صفيف مجموعة المشاركين في الاجتماع
moreItems لا أحد صفيف رسالة المزيد من العناصر
مصدر البيانات [] صفيف مصفوفة قائمة الاجتماعات
عند النقر لا أحد وظيفة رسالة الاجتماع عند حدث النقر (يتم إرجاع الرسالة (الكائن))
onMeetingTitleClick لا أحد وظيفة رسالة عنوان الاجتماع عند حدث النقر (يتم إرجاع الرسالة (الكائن))
علىMeetingVideoLinkانقر فوق لا أحد وظيفة رسالة رابط فيديو الاجتماع عند النقر على الحدث (يتم إرجاع الرسالة (الكائن))
onMeetingMoreSelect لا أحد وظيفة عنصر قائمة الرسائل، حدث onMeetingMoreSelect، يحصل على 3 معلمات: عنصر الرسالة، فهرس العنصر، الحدث

مكون MeetingLink

Meetinglink-photo

 import { MeetingLink } from 'react-chat-elements'
; < MeetingLink meetingID = '1' title = 'Lorem ipsum dolor sit amet.' />

الدعائم MeetingLink

دعم تقصير يكتب وصف
معرف الاجتماع لا شيء خيط معرف رابط الاجتماع
عنوان لا أحد سلسلة عنوان رابط الاجتماع
علىMeetingLinkانقر فوق لا أحد وظيفة رابط الاجتماع عند النقر على الحدث

مكون رسالة النظام 

 import { SystemMessage } from 'react-chat-elements'
; < SystemMessage text = { 'End of conversation' } />

الدعائم SystemMessage

دعم تقصير اكتب وصف
نص لا أحد خيط نص الرسالة

مكون قائمة الرسائل

قائمة الرسائل-الصورة

 import { MessageList } from 'react-chat-elements'
messageListReferance = React . createRef ( ) ;

< MessageList
	referance = { messageListReferance }
	className = 'message-list'
	lockable = { true }
	toBottomHeight = { '100%' }
	dataSource = { [
	    {
	        position : 'right' ,
	        type : 'text' ,
	        text : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit' ,
	        date : new Date ( ) ,
	    } ,
	    .
	    .
	    .
	] } />

الدعائم قائمة الرسائل

دعم تقصير اكتب وصف
مرجع لا أحد هدف قائمة الرسائل المرجع
اسم الفئة لا أحد خيط قائمة الرسائل الاختيارية className
مصدر البيانات [] صفيف مصفوفة قائمة الرسائل
قابل للقفل خطأ شنيع منطقية يتم تأمينه للتمرير الموضع عند تغيير مصدر البيانات
toBottomHeight 300 int أو سلسلة (فقط '100%') إذا كانت قيمة خاصية toBottomHeight أعلى من القيمة السفلية لشريط التمرير عند تغيير مصدر البيانات، فسينتقل شريط التمرير إلى الأسفل في نهاية الصفحة. إذا تم تعيين قيمة الخاصية toBottomHeight على "100%" ، فسينتقل شريط التمرير إلى الأسفل في نهاية الصفحة عند تغيير مصدر البيانات.
عند النقر لا أحد وظيفة عنصر قائمة الرسائل عند النقر (يتم إرجاع الرسالة (الكائن))
onOpen لا شيء وظيفة عنصر قائمة الرسائل مفتوح (ملف أو صورة) (يتم إرجاع الرسالة (الكائن))
onDownload لا أحد وظيفة عنصر قائمة الرسائل عند التنزيل (ملف أو صورة) (يتم إرجاع الرسالة (الكائن))
onScroll لا أحد وظيفة قائمة الرسائل عند حدث التمرير
onForwardClick لا أحد وظيفة عنصر قائمة الرسائل عند حدث OnForwardClick
onReplyClick لا شيء وظيفة عنصر قائمة الرسائل عند حدث OnReplyClick
onReplyMessageClick لا شيء وظيفة عنصر قائمة الرسائل عند حدث OnReplyMessageClick
زر لأسفل حقيقي منطقية قائمة الرسائل قم بالتمرير إلى الزر السفلي
downButtonBadge لا أحد منطقية قائمة الرسائل أسفل محتوى شارة الزر
علىDownButtonClick لا أحد وظيفة قائمة الرسائل علىDownButtonClick
onContextMenu لا أحد وظيفة عنصر قائمة الرسائل في حدث onContextMenu، يحصل على 3 معلمات: عنصر الرسالة، فهرس العنصر، الحدث
onPhotoError لا شيء وظيفة عنصر قائمة الرسائل في صورة الخطأ

مكون قائمة الدردشة

صورة قائمة الدردشة

 import { ChatList } from 'react-chat-elements'

< ChatList
    className = 'chat-list'
    dataSource = { [
        {
            avatar : 'https://facebook.github.io/react/img/logo.svg' ,
            alt : 'Reactjs' ,
            title : 'Facebook' ,
            subtitle : 'What are you doing?' ,
            date : new Date ( ) ,
            unread : 0 ,
        } ,
        .
        .
        .
    ] } />

الدعائم قائمة الدردشة

دعم تقصير يكتب وصف
اسم الفئة لا أحد خيط قائمة الدردشة الاختيارية className
مصدر البيانات [] صفيف مصفوفة قائمة الدردشة
عند النقر لا أحد وظيفة عنصر قائمة الدردشة عند النقر (يتم إرجاع الدردشة (الكائن))
onContextMenu لا أحد وظيفة عنصر قائمة الدردشة في قائمة السياق (يتم إرجاع الدردشة (الكائن))
onAvatarError لا أحد وظيفة عنصر قائمة الدردشة في الصورة الرمزية للخطأ img
LazyLoadingImage لا شيء مسار الصورة صورة بطيئة التحميل

مكون الإدخال 

 import { Input } from 'react-chat-elements'
inputReferance = React . createRef ( )
; < Input
  referance = { inputReferance }
  placeholder = 'Type here...'
  multiline = { true }
  value = { inputValue }
  rightButtons = { < Button color = 'white' backgroundColor = 'black' text = 'Send' /> }
/>

// Clear text, e.g.:

inputClear = ( ) => { }
// ...
; < Input clear = { clear => ( inputClear = clear ) } placeholder = 'Type here...' />
// ...
inputClear ( )

دعائم الإدخال

دعم تقصير يكتب وصف
مرجع لا أحد هدف مرجع الإدخال
اسم الفئة لا أحد خيط اسم فئة الإدخال الاختياري
العنصر النائب لا أحد خيط إدخال النص النائب
defaultValue لا أحد خيط إدخال القيمة الافتراضية
onChange لا أحد وظيفة وظيفة الإدخال onChange
متعدد الأسطر خطأ شنيع منطقي الإدخال هو منطقة النص
com.autoHeight حقيقي منطقي إدخال الارتفاع التلقائي
minHeight 25 كثافة العمليات الحد الأدنى لإدخال الارتفاع
maxHeight 200 كثافة العمليات أقصى ارتفاع للإدخال
inputStyle لا شيء هدف كائن نمط الإدخال
leftButtons لا أحد كائن (مكون) مكون الأزرار اليسرى
rightButtons لا أحد كائن (مكون) مكون الأزرار الصحيحة
المرجع لا شيء وظيفة الإدخال أو منطقة النص المرجع
أقصى طول لا أحد كثافة العمليات الإدخال أو منطقة النص الحد الأقصى للطول
onMaxLengthExceed لا أحد وظيفة يتم استدعاؤه عندما يتجاوز الحد الأقصى للطول
ضبط تلقائي للصورة خطأ شنيع منطقي إدخال التركيز التلقائي
قيمة لا أحد خيط قيمة الإدخال

مكون الزر 

 import { Button } from 'react-chat-elements'
; < Button text = { 'click me!' } />

الدعائم زر

دعم تقصير يكتب وصف
يكتب لا أحد خيط نوع الزر (موضح، شفاف)
عاجز لا شيء خيط تم تعطيل الزر؟
نص لا أحد خيط نص الزر
زرالمرجع لا أحد وظيفة زر المرجع
عنوان لا أحد خيط عنوان الزر

مكون المنبثقة 

 import { Popup } from 'react-chat-elements'
; < Popup
  show = { this . state . show }
  header = 'Lorem ipsum dolor sit amet.'
  headerButtons = { [
    {
      type : 'transparent' ,
      color : 'black' ,
      text : 'close' ,
      onClick : ( ) => {
        this . setState ( { show : false } )
      } ,
    } ,
  ] }
  text = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem animi veniam voluptas eius!'
  footerButtons = { [
    {
      color : 'white' ,
      backgroundColor : '#ff5e3e' ,
      text : 'Vazgeç' ,
    } ,
    {
      color : 'white' ,
      backgroundColor : 'lightgreen' ,
      text : 'Tamam' ,
    } ,
  ] }
/>

الدعائم المنبثقة

دعم تقصير يكتب وصف
عرض خطأ شنيع منطقي النافذة المنبثقة مرئية
header لا شيء خيط رسالة عنوان (رأس) منبثقة
headerButtons لا أحد صفيف أزرار العنوان (الرأس) المنبثقة
نص لا أحد خيط رسالة المحتوى المنبثق (الوسط).
لون #333 سلسلة (لون) لون رسالة المحتوى المنبثق
أزرار التذييل لا أحد صفيف أزرار التذييل المنبثقة
renderHeader لا أحد وظيفة (مكون) تقديم وظيفة الرأس
renderContent لا أحد وظيفة (مكون) وظيفة تقديم المحتوى
renderFooter لا أحد وظيفة (مكون) تقديم وظيفة التذييل

مكون الشريط الجانبي 

 import { SideBar } from 'react-chat-elements'
; < SideBar top = { < div > 'TOP' area </ div > } center = { < div > 'CENTER' area </ div > } bottom = { < div > 'BOTTOM' area </ div > } />

الدعائم الشريط الجانبي

دعم تقصير يكتب الوصف
يكتب ضوء خيط نوع نمط الشريط الجانبي (على سبيل المثال: فاتح، داكن)
قمة لا شيء عنصر المكون العلوي للشريط الجانبي
مركز لا أحد مكون مكون مركز الشريط الجانبي
قاع لا أحد عنصر المكون السفلي للشريط الجانبي

مكون شريط التنقل 

 import { Navbar } from 'react-chat-elements'
; < Navbar left = { < div > 'LEFT' area </ div > } center = { < div > 'CENTER' area </ div > } right = { < div > 'RIGHT' area </ div > } />

الدعائم نافبار

دعم تقصير يكتب وصف
اكتب ضوء خيط نوع نمط شريط التنقل (على سبيل المثال: فاتح، داكن)
غادر لا أحد عنصر مكون شريط التنقل الأيسر
مركز لا أحد عنصر مكون مركز شريط التنقل
يمين لا أحد عنصر المكون الأيمن لشريط التنقل

مكون القائمة المنسدلة 

 import { Dropdown } from 'react-chat-elements'
; < Dropdown
  buttonProps = { {
    text : 'Dropdown' ,
  } }
  items = { [
    {
      icon : {
        component : icon ,
        float : 'left' ,
        color : 'red' ,
        size : 22 ,
      } ,
      text : 'lorem' ,
    } ,
    {
      icon : {
        component : icon ,
        float : 'left' ,
        color : 'purple' ,
        size : 22 ,
      } ,
      text : 'ipsum' ,
    } ,
    {
      text : 'dolor' ,
    } ,
  ] }
/>

الدعائم المنسدلة

دعم تقصير يكتب وصف
AnimationType لا شيء خيط تتلاشى أو الافتراضي
AnimationPosition شمال غرب خيط موضع بدء الرسوم المتحركة (الشمال الغربي، الشمال الشرقي، الجنوب الغربي، الجنوب الشرقي)
أغراض لا شيء صفيف مجموعة العناصر المنسدلة
onSelect لا أحد وظيفة البند على التحديد
ButtonProps لا أحد هدف خصائص الزر

مكون الصورة الرمزية 

 import { Avatar } from 'react-chat-elements'
; < Avatar src = { 'https://facebook.github.io/react/img/logo.svg' } alt = { 'logo' } size = 'large' type = 'circle flexible' />

الدعائم الرمزية

دعم تقصير يكتب وصف
src لا أحد صورة صورة src
بديل لا أحد خيط الوصف البديل للصورة
مقاس تقصير خيط حجم الصورة. الافتراضي (25 بكسل)، xsmall (30 بكسل)، صغير (35 بكسل)، متوسط ​​(40 بكسل)، كبير (45 بكسل)، كبير جدًا (55 بكسل)
اكتب تقصير خيط الأنواع: افتراضي، دائرة، مدورة (نصف قطر الحدود 5 بكسل)، مرنة
letterItem لا أحد كائن الصورة الرمزية لتكون حرفا
SideElement لا أحد عنصر العنصر الجانبي للصورة الرمزية
خطأ لا أحد عنصر الصورة الرمزية img onerror
LazyLoadingImage لا أحد مسار الصورة صورة بطيئة التحميل

مكون رسالة الموقع 

 import { LocationMessage } from 'react-chat-elements'
; < LocationMessage
  data = { {
    latitude : '37.773972' ,
    longitude : '-122.431297' ,
    // staticURL: '<optional>',
    // mapURL: '<optional>'
  } }
/>

الدعائم رسالة الموقع

دعم تقصير يكتب وصف
src لا أحد صورة صورة src
com.apiKey لا أحد خيط جوجل staticmap API مفتاح
تكبير 14 كثافة العمليات جوجل مستوى التكبير staticmap
markerColor أحمر خيط لون علامة جوجل ستاتيكاب
بيانات {} هدف بيانات الرسالة
هدف _فارغ خيط صورة دعامة هدف العلامة
onOpen لا أحد وظيفة الصورة على مفتوحة

مكون SpotifyMessage

سبوتيفي

 import { SpotifyMessage } from 'react-chat-elements'
; < SpotifyMessage theme = 'white' view = 'coverart' uri = { 'spotify:user:spotify:playlist:3rgsDhGHZxZ9sB9DQWQfuf' } />

الدعائم SpotifyMessage

دعم تقصير يكتب وصف
أوري لا أحد أوري سبوتيفي أوري
سمة أسود خيط سبوتيفي لون الموضوع (أسود أو أبيض)
منظر قائمة خيط سبوتيفي نوع العرض (قائمة أو غلاف)
بيانات {} هدف بيانات الرسالة
عرض 300 كثافة العمليات سبوتيفي تضمين العرض
ارتفاع 380 كثافة العمليات سبوتيفي تضمين الارتفاع

مكون عنصر الاجتماع

صورة الاجتماع

 import { MeetingItem } from 'react-chat-elements'
; < MeetingItem
  subject = { 'New Release!!!' }
  avatars = { [
    {
      src : 'https://facebook.github.io/react/img/logo.svg' ,
    } ,
  ] }
  onMeetingClick = { console . log }
  onShareClick = { console . log }
  onCloseClick = { console . log }
/>

الدعائم عنصر الاجتماع

دعم تقصير يكتب وصف
موضوع لا أحد خيط موضوع عنصر الاجتماع
subjectLimit 60 كثافة العمليات الحد الأقصى لنص موضوع الاجتماع
تاريخ لا أحد تاريخ تاريخ عنصر الاجتماع
dateString لا أحد خيط يمثل MeetingItem سلسلة التاريخ أو timeagojs (الآن، التاريخ)
LazyLoadingImage لا أحد مسار الصورة صورة بطيئة التحميل
قابل للإغلاق حقيقي منطقية عنصر الاجتماع قابل للإغلاق
عند النقر لا أحد وظيفة عنصر الاجتماع عند النقر
onMeetingClick لا أحد وظيفة عنصر الاجتماع عند النقر فوق الاجتماع
onShareClick لا أحد وظيفة MeetingItem عند النقر على المشاركة
onCloseClick لا أحد وظيفة MeetingItem عند النقر على إغلاق
الصور الرمزية لا أحد تاريخ الصور الرمزية لعنصر الاجتماع
avatarLimit 5 تاريخ الحد من الصور الرمزية لعنصر الاجتماع
audioMuted حقيقي منطقية تم كتم صوت MeetingItem
audioSource باطل خيط مصدر صوت MeetingItem

مكون قائمة الاجتماعات

MeetingList-photo

MeetingClosable

 import { MeetingList } from 'react-chat-elements'

< MeetingList
    className = 'meeting-list'
    dataSource = { [
        {
            id : '1' ,
            subject : 'New Release' ,
            date : new Date ( ) ,
            avatars : [ {
               src : 'https://facebook.github.io/react/img/logo.svg' ,
            } ]
        } ,
        .
        .
        .
    ] } />

الدعائم قائمة الاجتماعات

دعم تقصير يكتب وصف
اسم الفئة لا أحد خيط قائمة الاجتماعات الاختيارية className
مصدر البيانات [] صفيف مصفوفة قائمة الاجتماعات
عند النقر لا أحد وظيفة عنصر قائمة الاجتماع عند النقر (يتم إرجاع الاجتماع (الكائن))
onMeetingClick لا أحد وظيفة عنصر قائمة الاجتماع عند النقر على الاجتماع (يتم إرجاع الاجتماع (الكائن))
onShareClick لا أحد وظيفة عنصر قائمة الاجتماع عند النقر على المشاركة (يتم إرجاع الاجتماع (الكائن))
onCloseClick لا أحد وظيفة عنصر قائمة الاجتماع عند النقر بالقرب (يتم إرجاع الاجتماع (الكائن))
onContextMenu لا أحد وظيفة عنصر قائمة الاجتماع في قائمة السياق (يتم إرجاع الاجتماع (الكائن))
onAvatarError لا أحد وظيفة عنصر قائمة الاجتماع في الصورة الرمزية للخطأ img
LazyLoadingImage لا أحد مسار الصورة صورة بطيئة التحميل
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل