react flash change

react-flash-change

Wadah flash pada perubahan alat peraga

Demo

Ini adalah halaman contoh.

Ada sumber di ./storybook

Memasang

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

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

Penggunaan

 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

Alat peraga

Milik	Jenis	Diperlukan?	Keterangan
membandingkan	Fungsi		Fungsi untuk membandingkan alat peraga sebelum dan sesudah pembaruan untuk diselesaikan ke flash atau tidak. Param Fungsi: (prevProps, nextProps) . Default membandingkan props.value . Jika Return String - itu akan menjadi Flash ClassName.
FlashDuration	Nomor		Durasi "flash" -fect di MS. Default: 200ms
FlashClassName	Rangkaian		ClassName efek flash
Flashstyle	Obyek		Objek gaya efek flash
ClassName	rangkaian		Nama kelas CSS khusus opsional
gaya	Obyek		Gaya inline opsional
OuteLementType	Bereaksi $ elementType		Nama tag ditserposkan ke dokumen. Default: div

Lisensi

MIT © Avin