如何获得一个反应元素

问题描述：

嗨进出口试图创建一个显示右侧的滑块如何获得一个反应元素

我通过一些香草JS例子去在线上的工具提示一系列输入的宽度，看来我需要有元素的宽度来实现这一点。

所以我只是想知道如何获得元素的宽度？

JQuery的方法$的几乎相当于（元素）.WIDTH（）

答

你可以这样做：

class MyComponent extends Component { 
    componentDidMount() { 
    console.log(this.refs.bla.offsetWidth) 
    } 

    render() { 
    <div ref="bla">some elem</div> 
    } 
}

还有其他的答案在那里覆盖元件尺寸反应。我建议你下次搜索！

我做到了！我想我只是没有找到它......它似乎呼吁裁判的这种方式已经过时，虽然它应该是'类MyComponent的扩展组件{ componentDidMount（）{ 的console.log（this.rangeInput.offsetWidth） } render（）{

{{this.rangeInput = input}}>some elem

} }' –

那你现在看起来很傻@publicJorn – Trent

答

class MyComponent extends Component { 
     componentDidMount() { 
     console.log(this.myInput.offsetWidth) 
     } 

     render() { 
     <div ref={input => {this.myInput = input}}>some elem</div> 
     } 
    }

当我尝试它，因为我用的是风格的组件，它需要传递一个innerRef而不是裁判它没有工作。

怎么样填充... – AlxVallejo

如何获得一个反应元素

相关推荐