react-parallax-component icon indicating copy to clipboard operation
react-parallax-component copied to clipboard

Refs Must Have Owner Warning

Open Ileezyy opened this issue 7 years ago • 1 comments

Cannot run project because of this warning.

Use code from the example

` import React, { Component } from 'react'; import ParallaxComponent from 'react-parallax-component';

const WORD = 'AWESOME REACT'; const random = (min, max) => Math.random() * (max - min) + min;

export default class Test extends Component { render() { const wrap = { height: window.innerHeight * 10, };

return (
  <div style={wrap} >
    {
     WORD.split('').map((letter, index) =>
       <ParallaxComponent
         speed={random(0, 0.1) * ((random(0, 2) > 1) ? 1 : -1)}
         top="40%"
         left={(index + 1) * 80}
         key={index}
       >
         <span className="letter">
           {letter}
         </span>
       </ParallaxComponent>
     )
   }
 </div>
);

} } ` So, how to resolve this? Thanks!

screenshot_2017-07-11_12-21-15

Ileezyy avatar Jul 11 '17 06:07 Ileezyy

It's certainly depressing when you install a package, copy paste the example docs.. and it doesn't work : )

This package works with React 14, and if you are using 15-16, it installs react 14 in your node_modules.. Better find another, as this is not maintained.

Babazon avatar Sep 21 '17 07:09 Babazon