react flash changeダウンロード - react flash changeソースコードのダウンロード

react flash change

FLASHソースコード

1.0.0

ダウンロード

React-flash-change

変更小道具のフラッシュコンテナ

デモ

これが例ページです。

./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`を比較します。 return String -flash classNameになります。
フラッシュデュレーション	番号	MSの「フラッシュ」効果の持続時間。デフォルト：200ms
FlashClassName	弦	フラッシュエフェクトクラス名
FlashStyle	物体	フラッシュエフェクトスタイルオブジェクト
className	弦	オプションのカスタムCSSクラス名
スタイル	物体	オプションのインラインスタイル
auterelementType	React $ elementType	タグ名はdocument.createelementに渡され、外側のコンテナ要素を作成します。デフォルト： `div`