react如何获取到元素的style

在React中，可以使用ref来获取元素的引用，并通过引用来访问元素的样式。

首先，在组件的构造函数中创建一个ref对象：

constructor(props) {
    
  super(props);
    
  this.myRef = React.createRef();

}

然后，在需要获取元素样式的地方，可以使用ref对象来访问该元素：

render() {

  return (
    div ref={
this.myRef}
    >
    Hello, World!/div>
    
  );

}


componentDidMount() {
    
  const element = this.myRef.current;
    
  const style = window.getComputedStyle(element);
    
  console.log(style);

}
    

在上面的例子中，ref被赋值给div元素，并在componentDidMount生命周期方法中获取div元素的样式。可以使用window.getComputedStyle方法来获取元素的计算样式对象，该对象包含了元素的所有样式属性。

注意：使用ref来访问元素的样式只能在组件渲染完成后才能获取到正确的值。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！