javascript - 如何在 react 中动态获取宽度？

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 实现会很有帮助，这意味着您通常可以像处理“标准”Js DOM 节点和事件一样处理 React 事件和 DOM 元素。 getBoundingClientRect 和 clientWidth 在标准 DOM 节点上也可用，与 React 无关。