有没有办法在不渲染实际元素的情况下估算文本宽度?像canvas TextMetrics这样的东西?
案例:我需要估算ReactList的元素高度.要做到这一点,我需要大致知道文本元素需要多少空间(或者它们将跨越多少行).
例如.
render(){
return <div><SomeComponentWithKnownDims/><p>{this.props.someText}</p></div>;
}
Run Code Online (Sandbox Code Playgroud)
如果我知道someText会被渲染到一条线上有多宽以及线条的长度,我可以很容易地得出一个合适的元件高度估计值.
编辑:请注意,这是非常重要的性能,不应该触及DOM