/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 vote213 views1 answer
React strap documentation
Javascript React
1 vote290 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
0 vote241 views1 answer
React yup password with number string and uppercase
Javascript React
2 votes257 views3 answers
How to get current date in react js
Javascript React
0 vote223 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote224 views1 answer
Qr code generator in react native
Javascript React
0 vote185 views1 answer
Integrate my own google pay using react js
Javascript React
3 votes216 views1 answer
React arrays
Javascript React
0 vote200 views1 answer
Create react app run test apecific folfer
Javascript React
4 votes237 views1 answer
How to send axios delete to the backend reactjs
Javascript React