/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

1 vote193 views2 answers
How to prevent render in react
Javascript React
1 vote258 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote234 views1 answer
React paypal express checkout
Javascript React
8 votes198 views2 answers
React on link click scroll to top
Javascript React
0 vote240 views2 answers
React native how to delete android build
Javascript React
1 vote179 views1 answer
How to change favicon dynamic in react js
Javascript React
2 votes199 views1 answer
Jquery vs react
Javascript React
0 vote200 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote187 views1 answer
How to remove elevation tab bar react native
Javascript React
105 votes298 views3 answers
React bootstrap do you need to import
Javascript React