如何查看div的样式属性？

Question

我正在使用

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

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

Typescript返回错误

  

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'));

希望这有帮助。