/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 votes201 views2 answers
React google maps
Javascript React
17 votes205 views5 answers
Add background image react native
Javascript React
0 vote231 views1 answer
Onpress react native datepicker stackver flow
Javascript React
0 vote218 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
-1 vote209 views1 answer
How to load the images from the website dynamically in react
Javascript React
38 votes208 views4 answers
Useref in react hooks
Javascript React
1 vote208 views1 answer
React current path
Javascript React
0 vote196 views1 answer
Set default types react
Javascript React
0 vote286 views1 answer
Most common use cases of portals in react
Javascript React
0 vote252 views1 answer
React duration picker
Javascript React