反応のdivのスタイル属性を表示するにはどうすればよいですか？

Question

私は.tsxファイルのreturn{}一部前

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

を使用しています。

活字体はエラーに

TS2531を返して：オブジェクトがnullの可能性があります。

実際にレンダリングされたクラスプロパティを確認するには、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')); 

希望します。