react flash change下載 - react flash change源代碼下載

react flash change

FLASH源碼

1.0.0

下載

React-Flash-Crange

變更道具上的閃光容器

演示

這是一個示例頁面。

./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

道具

財產	類型	描述
比較	功能	功能以比較更新之前和之後的道具以解決是否閃爍。函數參數：（ `(prevProps, nextProps)` 。默認情況下它比較`props.value` 。如果返回字符串 - 將是Flash className。
快閃記憶體	數字	MS中“閃存”效應的持續時間。默認值：200ms
FlashClassName	細繩	flash-effect className
快閃記憶體	目的	閃存效應樣式對象
className	細繩	可選的自定義CSS班級名稱
風格	目的	可選的內聯樣式
OuterelementType	React $ ementhType	標記名稱傳遞給了document.createelement以創建外部容器元素。默認： `div`