为什么无法在我的React应用程序中访问Konva Canvas属性？

Question

我正在将FabricJS库与ReactJS一起使用。在这里，我想创建和使用Konva.Canvas构造函数方法。但是，访问Konva Canvas属性时出现问题。

如果我使用canvas.add方法，我会收到错误canvas.add不是函数

const Konva = window.Konva;
class Canvas extends Component {
    state ={
        canvas: null,
        width: null,
        height: null,
        layer: null,
    }
    componentDidMount() {
        const canvas = new Konva.Canvas({ 
            container: this.c,
            height:this.props.height,
            width:this.props.width
        });
        console.log(canvas);
        const layer = new Konva.Layer();
        this.setState({canvas,layer});
        // canvas.add(layer);
        layer.draw();
    }

Answer 1

已替换

 const canvas = new Konva.Canvas({ 
        container: this.c,
        height:this.props.height,
        width:this.props.width
    });

与

 const canvas = new Konva.Stage({ 
        container: this.c,
        height:this.props.height,
        width:this.props.width
    });

阶段支持添加方法。有关https://konvajs.org/api/Konva.Stage.html#main的更多信息