How to create an element in React on mouse click?

Question

JavaScript

There is an element inside which the addPoint function is called by clicking on the button.
the error is "TypeError: mouseCoordsLayer.createElement is not a function"

addPoint = (e) => {
        e.preventDefault();
        e.stopPropagation();
        const mouseCoordsLayer = this.pageRefs.current;
        const coordinate = [];
        console.log('click1');
        let point = mouseCoordsLayer.createElement("div");
    
        coordinate.push([this.MouseCoords.getX(e), this.MouseCoords.getY(e)]);
        }

    };

Answer 1

1. The createElement method is implemented on the document object .
2. It is better not to use such methods of creating elements in React development. Work with data and render components based on it.