/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 vote366 views2 answers
Reactjs firebase timestamp to date
Javascript React
1 vote318 views2 answers
React state not updating immediately
Javascript React
1 vote343 views2 answers
React chartjs 2
Javascript React
2 votes316 views1 answer
React higher order components
Javascript React
0 vote402 views1 answer
Create react app with vite
Javascript React
0 vote351 views1 answer
Form changes button enable reactive forms
Javascript React
3 votes321 views1 answer
React after deployment givin nginx 404
Javascript React
0 vote366 views1 answer
React load after scrolling
Javascript React
0 vote331 views3 answers
Scrollview refresh react native
Javascript React
1 vote377 views1 answer
External script in react
Javascript React