/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

3 votes299 views2 answers
React-native android build apk
Javascript React
2 votes366 views2 answers
Prevent a page from refreshing in react
Javascript React
0 vote329 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
160 votes513 views6 answers
React install
Javascript React
0 vote330 views4 answers
How to pass data between routes in react
Javascript React
0 vote285 views1 answer
How to hide footer in specefic pages in react router
Javascript React
2 votes313 views1 answer
How to see if a web site is useing react
Javascript React
0 vote377 views1 answer
React avoid spreading non-dom props across component
Javascript React
0 vote288 views3 answers
Router dom react v6
Javascript React
0 vote343 views1 answer
Ngif react
Javascript React