/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

0 vote208 views1 answer
React bootstrap col not working
Javascript React
0 vote213 views1 answer
Divide string in lines react native max width
Javascript React
7 votes205 views2 answers
Insert a line break into a text component in react-native
Javascript React
65 votes188 views6 answers
React routing
Javascript React
7 votes214 views1 answer
React native touchableopacity disable
Javascript React
2 votes205 views1 answer
React native socket io
Javascript React
0 vote213 views1 answer
Fetch data from asyncstorage react native
Javascript React
3 votes197 views3 answers
React portals
Javascript React
0 vote211 views1 answer
Text inside an image component react native
Javascript React
4 votes222 views2 answers
Countdown in react js
Javascript React