react-interval-formatter

A React formatter that updates the element each 15 seconds

Demo

Install

yarn install react-interval-formatter

or

npm install react-interval-formatter --save

Properties

tag : string

The tag you want to rendered

formatter : function

A function that knows how to format the value prop

value : string

The value that is going to be passed to the formatter

othersProps

You can send any props you want, i.e.: onClick, className, etc...

Example

importIntervalFormatterfrom'react-interval-formatter'letmultiplier=1constformatter=(value)=>`${value} * ${multiplier} = ${value*multiplier++}`exportdefault()=><IntervalFormattertag='label'formatter={formatter}value={10}className='ten-multiplier'onClick={()=>alert('aaa')}/>;

It will render
Instantly: <label class="ten-multiplier">10 * 1 = 10</div>
15 seconds later: <label class="ten-multiplier">10 * 2 = 20</div>
30 seconds later: <label class="ten-multiplier">10 * 3 = 30</div>