如何访问React组件中渲染的元素文本？

Question

我有一个侧边栏，CSS在渲染时限制字符串的宽度。我如何访问最终的渲染字符串来区分我的原始道具和渲染的字符串？

我想在componentDidMount这个，我可以访问的所有东西都是原始的完整字符串。

此元素没有#id，因此无法访问该元素。

Answer 1

您可以将ref添加到节点，然后使用它来访问内部HTML属性。

componentDidMount() { 
    const text = this.sidebar.innerHTML 
} 
render() { 
    return (
    <div ref={sidebar => {this.sidebar = sidebar}}>Some text here</div> 
) 
}