How to use this in reactJs project in componentDidMount(){} methode? #157

Activity

1. beasteers commented on Nov 4, 2018

   

   beasteers

   on Nov 4, 2018

   Last edited by beasteers

   More actions

   Something like this should work:

   import React from "react";
   import { Paper, Set, Rect } from 'react-raphael';
   import 'Raphael.FreeTransform';
   
   class Rectangle extends React.Component {
       onLoad = (element) => {
           this.transformer = element.paper.freeTransform(element);
       }
       componentWillUnmount() {
           this.transformer.unplug();
       }
       render() {
           return <Rect load={this.onLoad} />;
       }
   }
   ...

   You need to use the react-raphael load callback to access the element because it may not be loaded at the time of componentDidMount.
2. kaleem-elahi commented on Feb 12, 2020

   

   kaleem-elahi

   on Feb 12, 2020

   More actions

   @AnurajRicky @beasteers Did this worked ?
   like importing like that "import 'Raphael.FreeTransform';".

   Thanks, do let me know.