/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 vote149 views1 answer
Auto scroll to view react-native
Javascript React
0 vote128 views1 answer
Generate qr code react
Javascript React
0 vote140 views2 answers
React js form radio input using hooks
Javascript React
0 vote140 views1 answer
Jest mock react router params
Javascript React
18 votes142 views3 answers
How to hide header in react navigation
Javascript React
1 vote142 views1 answer
Cleartimeout react
Javascript React
0 vote138 views1 answer
React index.js file
Javascript React
1 vote143 views1 answer
How to get the value of textarea in react
Javascript React
1 vote174 views2 answers
React native open link in browser
Javascript React
9 votes164 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React