如何在反应中动态获得宽度？

Question

我正在尝试测量但不起作用。

 this.refs.tabla.measure(this._getWidth);

_getWidth(a,f,width,h,x,z){
  width = width + '';
  this.setState({width});
  console.log(width);

}

这是错误： index.js:20222 Uncaught TypeError: this.refs.tabla.measure 不是函数

Answer 1

如果你对元素有一个ref，你可以使用this.refs.myelem.clientWidth（对于没有CSS或内联布局框的元素来说为零）或者更好的this.refs.myelem.getBoundingClientRect().width 不确定measure 方法应该来自哪里。

记住 React 提供了标准化的 DOM 实现会很有帮助，这意味着您可以正常使用 React 事件和 DOM 元素，就像处理“标准” Js DOM 节点和事件一样。 getBoundingClientRect 和 clientWidth 在标准 DOM 节点上也可用，与 React 无关。