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

Question

I am using the FabricJS library with ReactJS. Here I want to create and use Konva.Canvas constructor methods. But, I have a problem while accessing the Konva Canvas properties.

if I use canvas.add method I get ERROR canvas.add is not a function

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

Replaced

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

with

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

Stage supports add method. More info on https://konvajs.org/api/Konva.Stage.html#main