/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

8 votes358 views3 answers
Change title react
Javascript React
0 vote367 views1 answer
React keydown event listener
Javascript React
3 votes349 views1 answer
React cloud foundry nginx 404
Javascript React
0 vote341 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
0 vote352 views1 answer
React handling event
Javascript React
0 vote411 views1 answer
How to upload react js project on server
Javascript React
0 vote382 views1 answer
Auto refresh database in outsystems reactive
Javascript React
4 votes358 views1 answer
Multiple click events in react
Javascript React
1 vote346 views1 answer
Convert nuber into string react js
Javascript React
0 vote368 views1 answer
React js create element
Javascript React