/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

2 votes396 views2 answers
Discord.js remove reaction
Javascript React
0 vote367 views1 answer
Reactjs .net pass value to react
Javascript React
0 vote410 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
0 vote384 views1 answer
React buffer to image
Javascript React
1 vote377 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote390 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
12 votes324 views3 answers
React form hook npm
Javascript React
0 vote371 views1 answer
How to reset ReactJS file input
Javascript React
9 votes369 views2 answers
React select options
Javascript React
0 vote363 views1 answer
Link tag react
Javascript React