ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CF2-7: Переменная со стрелками убывания/роста сохранена в Ref

Browse Source
This commit is contained in:
KharchenkoVV 2021-05-27 17:55:03 +05:00
parent bb0b3527b3
commit 0dda9c417b
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Display.jsx
View File

@ -1,11 +1,10 @@
import { useState, useEffect } from 'react';
import { useState, useEffect, useRef } from 'react';
import {CaretUpOutlined, CaretDownOutlined} from '@ant-design/icons'
export const ValueDisplay = ({prefix, value, suffix, isArrowVisible}) =>{
const [oldVal, setOldVal] = useState(NaN)
const [val, setVal] = useState('---')
let arrow = null
const arrowRef = useRef(null);
useEffect(()=>{
if(value)
@ -14,16 +13,16 @@ export const ValueDisplay = ({prefix, value, suffix, isArrowVisible}) =>{
if (isArrowVisible)
{
if (value > oldVal)
arrow = <CaretUpOutlined style={{color:"red"}} />
arrowRef.current = (<CaretUpOutlined style={{color:"red"}} />)
else if (value < oldVal)
arrow = <CaretDownOutlined style={{color:"red"}} />
arrowRef.current = (<CaretDownOutlined style={{color:"red"}} />)
setOldVal(value)
}
} else
setVal(value)
},[value])
return(<span className='display_value'>{prefix} {val} {suffix}{arrow}</span>)
return(<span className='display_value'>{prefix} {val} {suffix}{arrowRef.current}</span>)
}
export const Display = (props)=>{