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

Question

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

我在componentDidMount尝试此操作，我可以访问的所有内容都是原始的完整字符串。

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

Answer 1

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

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