运行在 React 中创建 JS？

Question

我试图在 React 中测试运行 createjs，但无论如何我找不到运行这个。请有人指出我做错了什么。谢谢

import React from "react";
import ReactDOM from "react-dom";

export default class CanvasChart extends React.Component {
  constructor() {
   super();
  }

  componentDidMount(){
   var canvas = ReactDOM.findDOMNode(this.refs.canvas);
   this.stage = new createjs.Stage(canvas);
   var circle = new createjs.Shape();
   circle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, 50);
   circle.x = 100;
   circle.y = 100;
   this.stage.addChild(circle);
   this.stage.update();
  }

  render() {
   return (
     <canvas ref="canvas" width="500" height="300"></canvas>
   );
  }
}

Answer 1

您的代码实际上 works，可能是您的配置有问题。

class CanvasChart extends React.Component {
  constructor() {
   super();
  }

  componentDidMount(){
   var canvas = ReactDOM.findDOMNode(this.refs.canvas);
   this.stage = new createjs.Stage(canvas);
   var circle = new createjs.Shape();
   circle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, 50);
   circle.x = 100;
   circle.y = 100;
   this.stage.addChild(circle);
   this.stage.update();
  }

  render() {
   return (
     <canvas ref="canvas" width="500" height="300"></canvas>
   );
  }
}


ReactDOM.render(<CanvasChart />,
  document.getElementById('root')
);

运行在 React 中创建 JS？

Run Createjs inside React?

createjs

reactjs

运行 在 React 中创建 JS？

Run Createjs inside React?

createjs

reactjs

运行在 React 中创建 JS？