2016-10-06 2 views
1

Я пытался проверить run createjs внутри React, но я все равно не могу найти это. Кто-нибудь укажет, что я сделал неправильно, пожалуйста. БлагодаряЗапустить Createjs внутри React?

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> 
    ); 
    } 
} 

ответ

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') 
); 
+0

Спасибо. Я запустил код перед визуализацией холста, поэтому он не показывает никаких ошибок и не отображается. Спасибо. –

+0

Вы правы, я этого не замечал. –

Смежные вопросы