/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

5 votes416 views1 answer
Create react app deployment heroku
Javascript React
0 vote380 views1 answer
How to display a calender in react native
Javascript React
0 vote417 views1 answer
Random word react npm package
Javascript React
2 votes394 views1 answer
Adding font awesome to npm or react
Javascript React
0 vote378 views1 answer
TextField input font color React Material UI
Javascript React
1 vote385 views2 answers
Prevstate in react
Javascript React
1 vote360 views1 answer
Circle progress react
Javascript React
-2 votes370 views1 answer
React timepicker example
Javascript React
1 vote391 views3 answers
Sticky footer react
Javascript React
12 votes367 views1 answer
Suspense react
Javascript React