如何在反應中查看div的樣式屬性？

Question

我使用

console.log("+++++++++++++++++++++++++", document.getElementById("liqcont").attributes); 

一個.tsx文件的return{}部分之前。

打字稿返回錯誤

TS2531：對象可能是空。

我需要liqcont div的樣式屬性來查看哪些類屬性已被實際渲染。任何其他方式來做到這一點？

Answer 1

您可以嘗試使用refs，然後在componentDidMount中使用ref獲取該元素的所有屬性。像這樣的東西應該工作：

class Test extends React.Component { 
    componentDidMount(){ 
    let attributes = this.refs["wrapper"].attributes; 
    } 


    render(){ 
     return (
      <div ref="wrapper"> 
      ........ 
      </div> 
    ) 
    } 
} 

React.render(<Test />, document.getElementById('container')); 

希望這有助於。