react flash change Download - react flash change Download تنزيل رمز المصدر

react flash change

فلاش كود المصدر

1.0.0

تنزيل

رد الفعل-تغيير

حاوية فلاش عند تغيير الدعائم

العرض التوضيحي

فيما يلي صفحة أمثلة.

هناك مصادر في ./storybook

ثَبَّتَ

 # Yarn
yarn add @avinlab/react-flash-change

# NPM
npm install --save @avinlab/react-flash-change

الاستخدام

 import React from 'react' ;
import FlashChange from '@avinlab/react-flash-change' ;

const Component = ( { value } ) => {
    < FlashChange
        value = { value }
        flashClassName = "flashing"
        compare = { ( prevProps , nextProps ) => {
            return nextProps . value !== prevProps . value ;
        } }
    >
        < span > { value } </ span >
    </ FlashChange > ;
} ;

API

الدعائم

ملكية	يكتب	وصف
يقارن	وظيفة	وظيفة لمقارنة الدعائم قبل التحديث وبعدها لحلها إلى الفلاش أم لا. params وظيفة: `(prevProps, nextProps)` . الافتراضي يقارن `props.value` . إذا كانت سلسلة العودة - فسيكون فلاش فئة.
فلاش	رقم	مدة "فلاش"-تأثير في MS. الافتراضي: 200ms
FlashClassName	خيط	فلاش تأثير الفئة
Flashstyle	هدف	كائن نمط تأثير فلاش
اسم الفصل	خيط	اسم فئة CSS مخصص اختياري
أسلوب	هدف	نمط اختياري مضمّن
OuterelementType	رد فعل $ elementType	تم تمرير اسم العلامة إلى document.createlement لإنشاء عنصر الحاوية الخارجية. الافتراضي: `div`