/Javascript/React/Random picture position in react

Random picture position in react

import React, { useRef } from 'react';
    
const Image = () => {
   const ChipStyles = useRef({
       position: 'absolute',
       top: Math.floor(Math.random()*50),
       left: '50%',
       transform: 'translate(-50%, -50%)'
   });

   return (
     <img src={myImg} style={ChipStyles.current} alt=""}/>
   )
}
    
export default Image

Source: stackoverflow.com

Similar codes

0 vote201 views1 answer
Text inside an image component react native
Javascript React
0 vote219 views1 answer
Pass status of checkbox to a function react js
Javascript React
2 votes209 views1 answer
Change color of strike through line of text in react native
Javascript React
0 vote201 views1 answer
Images not displaying in react
Javascript React
4 votes257 views1 answer
Multiple click events in react
Javascript React
0 vote214 views1 answer
Why to escape from quotation mark in react
Javascript React
0 vote207 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
2 votes205 views2 answers
Display image base64 in REACT NATIVE
Javascript React
13 votes208 views1 answer
React post request
Javascript React
112 votes267 views6 answers
Import bootstrap 4 in react
Javascript React