如何获得当前元素的静态顶部和左侧位置的反应

Question

请帮助找出答案。

我有一个函数getCellPosition

代码如下：

＆＃13;

＆＃13;

getCellPosition = (element) => {

    let coordinates = element.target.getBoundingClientRect();
    let top = coordinates.top;
    let left = coordinates.left;

    //console.log(element.target)

    this.props.changePosition(top, left)

}


createCell = (k) => {

    return (

        <
        td key = {
            k
        } >
        <
        div className = "square__cell"
        onMouseOver = {
            this.getCellPosition
        } > < /div> <
        /td>
    )

}

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

<button className="square__button square__button_delete square__button_row-delete"
					        		style={this.state.countRow===1 ||
					        			   this.state.mouseOnTable===false ||
					        			   this.state.onDelCol===true ? {visibility: "hidden"} : {visibility: "visible", top: this.state.cellTop-150}} 
                           
                           
                            <button className="square__button square__button_delete square__button_col-delete" 
					        		style={this.state.countCol===1 ||
					        			   this.state.mouseOnTable===false ||
					        			   this.state.onDelRow===true ? {visibility: "hidden"} : {visibility: "visible", left: this.state.cellLeft-410}}

＆＃13;

＆＃13;

＆＃13;

在这个函数中，我从单元格

中获取了顶部和左侧坐标

并使用state函数将其发送到ChangePosition，以更改减号按钮的位置。见截图。这就是定位现在的工作方式。

问题是 - 当我改变比例时，减号按钮的位置不正确。

如何获得当前单元格的静态值？我应该使用什么方法？

为了更好地理解截图