/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

25 votes293 views3 answers
Setting a background Image With React Inline Styles
Javascript React
0 vote308 views1 answer
Onclick react history map
Javascript React
2 votes336 views1 answer
React setupproxy
Javascript React
2 votes294 views1 answer
Redux React redux
Javascript React
0 vote311 views1 answer
Log errors react
Javascript React
4 votes286 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
0 vote337 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
112 votes347 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote299 views1 answer
@testing-library/react-native switch
Javascript React
7 votes311 views2 answers
React native password input
Javascript React